@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--green:#174e3c;--green-dark:#153f33;--mint:#e9f3ec;--bg:#f7f8f5;--ink:#23322c;--muted:#7b867e;--line:#e7ebe5;--amber:#ac7722;--font:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #95b89e;outline-offset:3px}input,select,textarea{outline:none}input:focus,textarea:focus,select:focus{border-color:#6a9b7b!important;box-shadow:0 0 0 3px #e9f3ec}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Manrope,var(--font)}h2{font-size:16px;font-weight:750;letter-spacing:-.4px}h3{font-size:14px}small{font-size:12px}a{color:inherit;text-decoration:none}svg{flex-shrink:0}strong,b{font-weight:650}
.brand{display:flex;align-items:center;gap:9px;font-family:Manrope,var(--font);font-size:25px;font-weight:800;letter-spacing:-1.15px;color:var(--green)}.brand-mark{display:grid;place-items:center;width:34px;height:36px}.brand-dot{margin-left:-9px;color:#a9cbb3}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#7b8e7d}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:10px 17px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:650;transition:background .15s,transform .15s;white-space:nowrap}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#113c2e}.secondary{background:white;color:#43554a;border-color:#dce3da}.secondary:hover{background:#f2f6f0}.wide{width:100%}.text-button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--green);font-size:12px;font-weight:650;padding:4px 0}.text-button:hover{color:#2f865d}.icon-button{display:inline-flex;position:relative;align-items:center;justify-content:center;width:34px;height:34px;border:0;background:transparent;border-radius:6px;color:#758379}.icon-button:hover{background:#edf2ea}.icon-button i{position:absolute;width:5px;height:5px;background:var(--green);border-radius:50%;top:6px;right:7px}.muted{color:var(--muted)}.strong{font-weight:650;color:#293a31}.green-text{color:#26734e}.amber-text{color:var(--amber)}.small-copy{font-size:12px!important;line-height:1.65!important}.quiet{color:#849084;font-size:12px;line-height:1.6}.padded{padding:0 24px 24px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field>span{color:#4a594f;font-size:12px;font-weight:600}.field input,.field select,.field textarea{width:100%;height:43px;border:1px solid #dfe5dc;border-radius:7px;background:#fff;padding:10px 12px;color:var(--ink);transition:box-shadow .15s,border .15s}.field input::placeholder{color:#a0a89f}.field textarea{height:78px;resize:vertical}.field small{color:var(--muted);font-size:11px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-error{padding:12px 14px;border-radius:6px;background:#fff1ed;color:#a34a36;font-size:12px;line-height:1.6;margin:12px 0}.notice{border:1px solid #dce8dc;background:#f2f7ef;padding:17px;border-radius:8px;margin-bottom:22px;font-size:13px}.notice p{line-height:1.6;color:#70806f;margin-top:5px}.notice h2{font-size:25px;margin-top:8px}.info-line{display:flex;align-items:flex-start;gap:10px;padding:17px 0;font-size:12px;line-height:1.7;color:#748270}.info-line svg{margin-top:2px;color:#54765b}.loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading p{color:var(--muted);font-size:13px}
.auth-page{min-height:100vh;display:grid;grid-template-columns:46% 54%;background:#fff}.auth-story{background:#163f33;color:#ecf4e7;padding:44px 60px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100vh}.auth-story .brand{color:#eff6e8;font-size:28px}.auth-story .brand-dot{color:#acc8a7}.story-content{margin:auto 0;position:relative;z-index:1;padding:55px 0 75px;max-width:425px}.story-content .eyebrow{color:#b1c5ad;font-size:9px;letter-spacing:2px}.story-content h1{font-size:clamp(42px,4.5vw,69px);font-weight:600;line-height:1.16;letter-spacing:-3px;margin-top:26px}.story-content h1 em{font-style:normal;color:#c2d7b4}.story-content p{margin-top:24px;max-width:340px;font-size:14px;line-height:1.9;color:#abc1af}.story-tiles{display:flex;flex-direction:column;gap:17px;margin-top:39px;font-size:12px;color:#d2dfca}.story-tiles>div{display:flex;align-items:center;gap:12px}.story-tiles svg{color:#99ba9d}.auth-story footer{font-size:11px;color:#96ae9c;position:relative;z-index:1}.story-art{position:absolute;inset:0;opacity:.12;pointer-events:none}.art-box{width:220px;height:220px;position:absolute;border:1px solid #d7e7c9;transform:rotate(-30deg) skew(5deg);border-radius:24px}.box-one{right:-90px;bottom:120px}.box-two{right:-95px;bottom:190px}.box-three{right:-20px;bottom:-120px}.box-four{right:-150px;top:180px}.auth-form-side{padding:39px 49px 24px;display:flex;flex-direction:column;min-height:100vh}.auth-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;color:#879080}.auth-top>span{display:flex;gap:6px;align-items:center}.auth-form-wrap{width:100%;max-width:400px;margin:auto;padding:42px 0}.auth-icon{display:grid;place-items:center;width:52px;height:52px;background:#edf4ea;color:var(--green);border-radius:13px;margin-bottom:25px}.auth-form-wrap h2{font-size:27px;line-height:1.35;letter-spacing:-.9px;margin-top:10px}.auth-form-wrap>p{font-size:13px;color:#7c887b;line-height:1.8;margin:12px 0 28px}.auth-form-wrap .button.wide{height:46px;margin-top:6px}.auth-assurance{display:flex;justify-content:center;gap:7px;font-size:10px;color:#899386;margin-top:18px;line-height:1.6}.password-input{display:flex;position:relative}.password-input input{padding-right:43px}.password-input button{position:absolute;top:2px;right:3px;width:38px;height:38px;background:none;border:0;color:#929d8e}.auth-form-side>footer{text-align:center;color:#a0aa9a;font-size:10px}
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:230px;padding:29px 17px 16px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}.sidebar .brand{padding-left:10px;font-size:25px}.business-switch{display:flex;align-items:center;gap:10px;padding:14px 10px;margin:30px 0 28px;border:1px solid var(--line);border-radius:7px}.business-switch>div:nth-child(2){flex:1;min-width:0}.business-switch strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-switch small{display:block;font-size:9px;color:#8b968a;margin-top:3px}.business-switch>svg{color:#8b968a}.business-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:6px;background:#ebf2e7;color:#58744c;font-family:Manrope,var(--font);font-weight:750}.nav-label{font-size:9px;color:#9ca798;letter-spacing:1.6px;padding-left:14px;margin-bottom:11px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{position:relative;display:flex;align-items:center;gap:12px;width:100%;height:43px;border:0;border-radius:7px;background:transparent;color:#7b877b;font-size:12px;text-align:left;padding:0 13px}.sidebar nav button:hover{background:#f5f7f1}.sidebar nav button.active{background:#eaf2e6;color:var(--green);font-weight:650}.sidebar nav button.active:before{position:absolute;content:"";left:-17px;top:12px;width:3px;height:20px;background:var(--green);border-radius:0 2px 2px 0}.nav-count{margin-left:auto;font-size:10px;background:#f7ead2;color:#a78135;width:20px;height:19px;text-align:center;line-height:19px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding-top:35px}.owner-access{display:flex;gap:10px;align-items:center;border:1px solid #e9eee4;background:#f8faf5;border-radius:7px;padding:13px 10px;color:#608053;margin-bottom:16px}.owner-access strong{font-size:10px;display:block;color:#55704c}.owner-access small{font-size:9px;display:block;color:#97a38f;margin-top:4px}.user-card{display:flex;align-items:center;gap:9px;background:none;border:0;border-top:1px solid var(--line);padding:17px 2px 0;width:100%;text-align:left}.user-card>span:nth-child(2){flex:1;min-width:0}.user-card strong{font-size:11px;display:block;color:#4b5f4b}.user-card small{display:block;color:#8c9986;font-size:10px;margin-top:3px}.logout-button{width:28px;height:32px;background:none;border:0;color:#8f9c8b;padding:0}.avatar{width:34px;height:34px;display:inline-flex;justify-content:center;align-items:center;background:#dfeacb;color:#56703b;border-radius:50%;font-size:11px;font-weight:650}.avatar.small{width:29px;height:29px;font-size:10px}.avatar.light{background:#edf3e8;width:36px;height:36px}.main-shell{margin-left:230px;flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:#98a08f}.breadcrumb strong{font-weight:500;color:#5e6e5a}.topbar-right{display:flex;align-items:center;gap:20px}.sync-status{display:flex;gap:6px;align-items:center;font-size:10px;color:#85967d}.sync-status>span,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7fa371}.sync-status .offline{background:#c79a53}.mobile-menu{display:none}.workspace{padding:32px 35px 0;max-width:1580px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:27px}.page-heading h1{font-size:29px;letter-spacing:-1px;font-weight:650;margin-top:9px;line-height:1.3}.page-heading p{font-size:12px;color:#8b9583;margin-top:8px;line-height:1.7}.heading-actions{display:flex;gap:11px;align-items:center}.date-chip{display:flex;align-items:center;min-height:38px;padding:10px 13px;border:1px solid #e5e9e0;background:white;border-radius:7px;font-size:10px;color:#829074}.overview-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px;font-size:11px;color:#8a9782}.overview-toolbar>span{display:flex;align-items:center;gap:7px}.select-small{height:32px;border:1px solid #e0e6d9;background:#fff;color:#6c7c60;padding:0 10px;border-radius:6px;font-size:10px;min-width:110px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric{background:white;border:1px solid var(--line);border-radius:9px;padding:19px 21px;min-height:132px}.metric.mint{background:#edf4e8;border-color:#e0ead8}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8a9780;margin-bottom:15px}.metric-top svg{color:#8fa57e}.metric strong{font-family:Manrope,var(--font);font-size:25px;letter-spacing:-1px;font-weight:750;display:block;margin-bottom:9px;color:#344831}.metric small{font-size:9px;color:#8d9982}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:22px}.dashboard-grid>.panel{margin-bottom:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 24px 20px}.panel-heading h2{font-size:14px;color:#40513b}.panel-heading p{font-size:10px;color:#909b85;margin-top:6px;line-height:1.7}.panel-heading>svg{color:#96a88b}.pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:500;background:#edf5e9;color:#688755}.pill>span{width:4px;height:4px;border-radius:50%;background:currentColor}.pill.amber{background:#faf0dd;color:#b08a40}.pill.red{background:#fbebe5;color:#b57558}.number-badge{background:#faf0da;color:#b69147;display:grid;place-items:center;width:27px;height:27px;border-radius:6px;font-size:11px}.chart{height:200px;display:flex;margin:5px 24px 20px;position:relative}.chart-grid{width:70px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#a0aa95;padding-bottom:22px}.chart-bars{position:relative;display:flex;gap:20px;justify-content:space-around;flex:1;height:calc(100% - 22px);border-bottom:1px solid #edf0e8;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#f0f3ed calc(50% - 1px),#f0f3ed 50%)}.chart-column{position:relative;display:flex;align-items:flex-end;width:31px;height:100%}.bar{width:100%;background:#dfe9d6;border-radius:4px 4px 0 0;position:relative;min-height:2px;max-height:100%;transition:height .3s}.bar.current{background:#527e50}.bar span{position:absolute;display:none;bottom:100%;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:7px;border-radius:5px;font-size:10px;white-space:nowrap;margin-bottom:7px;z-index:2}.bar:hover span{display:block}.chart-column>small{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);font-size:9px;color:#95a088}.chart-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f2eb;padding:15px 24px;font-size:9px;color:#94a089}.chart-footer>span{display:flex;gap:6px;align-items:center}.chart-footer i{width:6px;height:6px;border-radius:2px;background:#86a977}.chart-footer .text-button{font-size:10px}.stock-alert-panel{padding-bottom:18px;display:flex;flex-direction:column}.alert-row{display:flex;gap:10px;padding:13px 23px;align-items:center}.alert-row>div:nth-child(2){flex:1;min-width:0}.alert-row strong{font-size:11px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.alert-row small{font-size:9px;display:block;color:#a0aa94;margin-top:5px}.product-icon{width:37px;height:38px;background:#f0f4ea;color:#8b9d7a;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}.product-icon.amber{background:#f8f0df;color:#bca268}.stock-alert-panel>.button{width:calc(100% - 46px);margin:18px 23px 0;margin-top:auto;font-size:10px;min-height:32px;padding:7px}.healthy-stock{text-align:center;padding:25px 24px 35px;color:#91a283}.healthy-stock svg{color:#8da87c;margin-bottom:13px}.healthy-stock h3{font-size:13px;margin-bottom:6px}.healthy-stock p{font-size:10px;line-height:1.8}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:9px;color:#98a28d;font-weight:500;padding:12px 22px;background:#fafbf8;border-top:1px solid #edf0e8;border-bottom:1px solid #edf0e8}td{padding:18px 22px;border-bottom:1px solid #f0f3eb;font-size:11px;color:#7f8c73}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}.recent-sales td,.recent-sales th{padding-left:20px;padding-right:12px}.recent-sales td{font-size:10px}.recent-sales .panel-heading{padding-bottom:19px}.ranking-row{display:flex;gap:11px;align-items:center;padding:15px 23px}.rank{font-family:Manrope,var(--font);font-size:12px;color:#aab69b}.ranking-row>div{flex:1;min-width:0}.ranking-row strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row small{display:block;margin-top:5px;font-size:9px;color:#a0ab95}.ranking-row>b{font-size:10px;color:#708262}.insight-note{display:flex;align-items:center;gap:10px;background:#f5f8ef;margin:18px 22px;padding:13px 12px;border-radius:6px}.insight-note p{font-size:10px;line-height:1.8;color:#8e9f7a}.insight-icon{color:#99ae81}.best-sellers>.quiet{padding:24px}.workspace-footer{display:flex;justify-content:space-between;gap:20px;margin:30px 0 0;padding:18px 0;border-top:1px solid #e9eee2;font-size:9px;color:#9ca98e}.workspace-footer>span:first-child{color:#79936d;font-weight:650}.workspace-footer>span:first-child>span{color:#a4ae98;font-weight:400;margin-left:7px}.mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:9px;padding:21px 10px;margin-bottom:24px}.mini-metrics>div{padding:0 22px;border-right:1px solid var(--line)}.mini-metrics>div:last-child{border:0}.mini-metrics small{font-size:10px;color:#8b9980;display:block;margin-bottom:9px}.mini-metrics strong{font-family:Manrope,var(--font);font-size:22px;color:#486140;letter-spacing:-.7px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 22px}.table-toolbar h2{font-size:14px}.tabs{display:flex;gap:18px;align-items:center}.tabs>button{display:flex;align-items:center;gap:7px;padding:8px 0;background:none;border:0;color:#91a182;font-size:11px}.tabs>button.selected{color:var(--green);font-weight:650}.tabs span{font-size:9px;background:#edf2e6;padding:3px 6px;border-radius:4px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #e5eadf;background:#fff;border-radius:6px;padding:0 10px;height:35px;max-width:240px;width:100%;color:#a0af90}.search-field input{border:0;outline:none;background:none;font-size:11px;padding:8px 0;width:100%;box-shadow:none!important;color:#6d815c}.search-field input::placeholder{color:#a7b398}.product-cell{display:flex;gap:11px;align-items:center}.product-cell strong{display:block;font-size:11px;color:#4c6343}.product-cell small{display:block;font-size:9px;color:#9baa8d;margin-top:5px}.empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:46px 25px}.empty-icon{display:grid;place-items:center;background:#f1f6e9;color:#96b07c;border-radius:13px;width:58px;height:58px;margin-bottom:16px}.empty h3{color:#5c754d;margin-bottom:9px;font-size:14px}.empty p{font-size:11px;line-height:1.8;color:#99a78a;max-width:370px;margin-bottom:21px}.empty .button{font-size:11px}.advice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px 24px}.advice{border:1px solid #e9eddf;background:#f9fbf5;border-radius:7px;padding:17px}.advice h3{font-size:12px;color:#5d764b}.advice p{font-size:10px;color:#95a482;line-height:1.7;margin:10px 0}.advice strong{font-size:12px;color:#5d7846;display:block}.advice small{display:block;font-size:9px;color:#a1ad91;line-height:1.7;margin-top:7px}.cash-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:25px}.method-label{text-transform:capitalize;color:#8a9979;background:#f3f6ec;padding:4px 7px;border-radius:4px;font-size:10px}.performance-track{width:110px;height:5px;background:#eef3e6;border-radius:5px;overflow:hidden}.performance-track>span{display:block;height:100%;background:#7eaa64;border-radius:5px}.access-banner{display:flex;gap:18px;align-items:center;background:#edf5e6;border:1px solid #e0ebd6;border-radius:9px;padding:24px;margin-bottom:24px}.access-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#dae9cc;color:#70995a}.access-banner>div{flex:1}.access-banner h2{font-size:16px;color:#4e7440}.access-banner p{font-size:11px;color:#8b9e7a;margin-top:7px;line-height:1.8}.role-badge{display:inline-block;background:#f2f5ed;border:1px solid #e8ede0;border-radius:4px;color:#849474;padding:5px 8px;font-size:10px}.owner-tag{font-size:10px;color:#91a581;display:flex;align-items:center;gap:5px}.inline-actions{display:flex;gap:15px}.section-title{font-size:14px;color:#697f59;margin:30px 0 16px}.role-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.role-card{border:1px solid var(--line);border-radius:8px;background:white;padding:23px}.role-card>svg{color:#8daa77;margin-bottom:20px}.role-card h3{font-size:13px;color:#5d7d47;margin-bottom:10px}.role-card p{font-size:11px;line-height:1.8;color:#95a589;margin-bottom:16px;min-height:59px}.role-card small{font-size:9px;color:#7f9c6a;padding-top:14px;border-top:1px solid #edf1e5;display:block;line-height:1.6}.activity-list{padding:5px 25px 22px}.activity-list>div{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid #eef2e6}.activity-list>div:last-child{border-bottom:0}.activity-dot{display:grid;place-items:center;width:32px;height:32px;background:#eff5e7;color:#93ac7d;border-radius:50%}.activity-list strong{font-size:12px;color:#5f7e49}.activity-list p{font-size:11px;color:#8ca078;margin-top:5px}.activity-list small{font-size:9px;color:#a5b197;display:block;margin-top:8px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-panel{padding:26px}.settings-panel h2{font-size:15px;color:#587645}.settings-panel>p{font-size:11px;line-height:1.8;color:#96a988;margin:10px 0 24px}.settings-panel dl{display:grid;grid-template-columns:70px 1fr;gap:15px;font-size:12px;margin-bottom:28px}.settings-panel dt{color:#a3b392}.settings-panel dd{margin:0;color:#74915d}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 35px;background:#f0e9d6;border-bottom:1px solid #e6ddc2;color:#998352;font-size:11px}.demo-banner>span{display:flex;align-items:center;gap:8px}.demo-banner button{background:none;border:0;color:#887543;font-weight:600;font-size:11px;display:flex;gap:6px;align-items:center}.toast{position:fixed;bottom:25px;left:calc(50% + 90px);transform:translateX(-50%);background:var(--green);color:white;box-shadow:0 5px 20px #173c3020;display:flex;gap:9px;align-items:center;padding:13px 20px;border-radius:8px;font-size:12px;z-index:100}
.modal-overlay{position:fixed;inset:0;background:#17382965;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:30px;z-index:60}.modal{max-width:510px;width:100%;max-height:calc(100vh - 60px);overflow:auto;background:white;border-radius:12px;box-shadow:0 15px 70px #11281830}.modal-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 25px 20px;border-bottom:1px solid #e9efe2;background:white;position:sticky;top:0;z-index:2}.modal-heading h2{font-size:21px;letter-spacing:-.6px;margin-top:5px;color:#49663b}.modal-heading .eyebrow{font-size:9px;color:#9aad8b}.modal-body{padding:25px}.modal-body>p{font-size:12px;color:#91a582;line-height:1.8;margin-bottom:20px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #edf1e6;padding-top:20px;margin-top:15px}.credential-box{padding:20px;border:1px solid #e2ebd8;border-radius:8px;background:#f7fbf2;display:flex;flex-direction:column;margin-bottom:22px;gap:7px}.credential-box small{font-size:10px;color:#9bb187;margin-top:8px}.credential-box strong{font-size:13px;color:#607f48}.credential-box code{font-family:monospace;font-size:16px;padding:9px 0;color:#476f2c;overflow-wrap:anywhere;user-select:all}.sale-modal{max-width:1080px}.sale-content{display:grid;grid-template-columns:1.2fr 1fr}.sale-products{padding:25px;background:#f8faf5}.sale-products .search-field{max-width:none;height:42px;background:white;margin-bottom:22px}.sale-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sale-product{background:white;border:1px solid #e5ecdd;border-radius:8px;padding:16px;position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-height:162px}.sale-product:hover{border-color:#a7c58b;background:#fcfef9}.sale-product .product-icon{margin-bottom:12px}.sale-product strong{font-size:12px;color:#5e8146;margin-bottom:5px;line-height:1.5}.sale-product small{font-size:9px;color:#a0b18d;margin-bottom:12px}.sale-product>b{font-size:13px;color:#587e3c}.add-circle{position:absolute;bottom:16px;right:15px;display:grid;place-items:center;width:24px;height:24px;background:#ecf4e4;color:#9bba7a;border-radius:50%}.sale-checkout{padding:25px;max-height:70vh;overflow:auto}.sale-checkout h3{display:flex;justify-content:space-between;font-size:13px;color:#65874a;margin-bottom:21px}.sale-checkout h3 span{color:#afbd9f;font-size:10px}.cart-line{display:flex;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid #edf3e4}.cart-line>div:first-child{flex:1}.cart-line strong{font-size:11px;color:#748f5c;display:block}.cart-line small{display:block;font-size:9px;color:#a6b594;margin-top:5px}.cart-line>b{font-size:10px;white-space:nowrap;color:#758f5c}.quantity-control{display:flex;border:1px solid #e1e9d6;border-radius:4px;align-items:center;font-size:11px;color:#8da771;overflow:hidden}.quantity-control button{width:24px;height:26px;border:0;background:#f7faf1;color:#8ca971}.quantity-control>span{width:22px;text-align:center}.sale-total{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7eddd;padding:20px 0;margin-bottom:20px;font-size:13px;color:#87a16d}.sale-total strong{font-size:25px;font-family:Manrope,var(--font);font-weight:750;color:#5d863e;letter-spacing:-1px}.payment-heading{display:flex;justify-content:space-between;align-items:center;margin:5px 0 13px}.payment-heading h4{font-size:12px;font-weight:600;color:#819e66}.payment-heading .text-button{font-size:10px}.payment-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.payment-fields .field>span{font-size:9px;white-space:nowrap}.payment-fields .field{margin-bottom:8px}.payment-fields input{font-size:12px;padding:9px}.balance-line{display:flex;align-items:center;justify-content:space-between;padding:15px;border-radius:6px;background:#f3f8ed;margin:18px 0;font-size:12px;color:#7f9d61}.balance-line.has-debt{background:#fbf4e4;color:#b09655}.checkout-note{display:flex;justify-content:center;gap:6px;color:#aac191;font-size:9px;margin:15px 0}.customer-balance{padding:20px;border:1px solid #e9eddf;background:#f8faef;border-radius:8px;margin-bottom:23px;color:#9cac84;font-size:11px}.customer-balance strong{display:block;font-family:Manrope,var(--font);font-size:29px;font-weight:700;color:#728f53;margin-top:9px}.modal-body>h3{margin:20px 0 15px;color:#859b6b;font-size:13px}.customer-sale{display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid #edf2e2;padding:16px 0}.customer-sale strong{font-size:11px;color:#839c65}.customer-sale small{display:block;color:#b0be9c;font-size:9px;margin-top:5px}.customer-sale p{font-size:10px;color:#a3b48b;margin-top:10px}.customer-sale>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.customer-sale>div:last-child>b{font-size:12px;color:#b7a464}.customer-sale .button{font-size:10px;min-height:32px;padding:7px 10px}.repayment-history small{font-size:9px;line-height:1.7}.receipt{font-size:12px}.receipt-brand{font-family:Manrope,var(--font);font-size:23px;font-weight:750;text-align:center;color:#6d8b4f;margin-bottom:15px}.receipt>p{text-align:center;font-size:11px;color:#a6b68d;line-height:1.8}.receipt-line{display:flex;justify-content:space-between;gap:20px;font-size:11px;padding:13px 0;color:#95ac75;border-bottom:1px dashed #e9efdc}.receipt-line small{display:block;font-size:9px;color:#b6c7a1;margin-top:5px}.receipt .print-button{margin-top:24px}
@media(min-width:1600px){.workspace{padding:45px 50px 0}.topbar{padding:0 50px}.metric{padding:23px 27px}.metric strong{font-size:29px}.chart{height:245px}.sidebar{width:245px}.main-shell{margin-left:245px}}
@media(max-width:1200px){.sidebar{width:210px}.main-shell{margin-left:210px}.workspace{padding:25px 25px 0}.topbar{padding:0 25px}.metrics{gap:12px}.metric{padding:17px 15px}.metric strong{font-size:22px}.metric small{font-size:9px}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:16px}.chart-bars{gap:13px}.recent-sales{grid-column:1/-1}.best-sellers{grid-column:1/-1}.best-sellers .ranking-row{display:inline-flex;width:33%}.role-cards{gap:12px}.role-card{padding:17px}.auth-story{padding:40px}.auth-form-side{padding:35px}.advice-grid{grid-template-columns:1fr 1fr}}
@media(max-width:960px){.metrics{grid-template-columns:1fr 1fr}.sidebar{width:190px;padding:25px 12px 15px}.sidebar .brand{font-size:22px;padding-left:4px}.sidebar nav button{font-size:11px;padding:0 10px;gap:9px}.business-switch{padding:12px 7px}.main-shell{margin-left:190px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column;align-items:flex-end}.date-chip{display:none}.mini-metrics{grid-template-columns:1fr 1fr;gap:22px}.mini-metrics>div:nth-child(2){border:0}.dashboard-grid{grid-template-columns:1fr}.role-cards{grid-template-columns:1fr 1fr}.best-sellers .ranking-row{width:100%}.settings-grid{grid-template-columns:1fr}.sale-content{grid-template-columns:1fr 1fr}.sale-product-grid{grid-template-columns:1fr}.payment-fields{grid-template-columns:1fr}.payment-fields .field{margin-bottom:12px}.auth-top>span{display:none}.auth-top{justify-content:flex-end}.story-content h1{font-size:45px;letter-spacing:-2px}.auth-story{padding:35px}.story-content p{font-size:12px}.auth-form-side{padding:28px}.auth-form-wrap h2{font-size:23px}.cash-actions{flex-wrap:wrap}.sync-status{font-size:9px}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);width:230px;box-shadow:8px 0 25px #16362920;transition:transform .2s}.sidebar.mobile-open{transform:translateX(0)}.main-shell{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 17px}.breadcrumb{gap:8px}.topbar-right{gap:10px}.sync-status{display:none}.workspace{padding:24px 17px 0}.page-heading{gap:12px;margin-bottom:23px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.heading-actions .button{font-size:10px;padding:9px 10px}.metrics{gap:10px}.metric{padding:16px 13px;min-height:119px}.metric strong{font-size:21px}.metric-top{font-size:10px;margin-bottom:13px}.metric small{font-size:8px}.panel-heading{padding:19px 18px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:9px}.mini-metrics strong{font-size:20px}.table-toolbar{flex-direction:column;align-items:flex-start}.search-field{max-width:none}.table-toolbar .tabs{width:100%}.advice-grid{grid-template-columns:1fr;padding:0 18px 20px}.access-banner{padding:18px;gap:12px}.access-banner>.pill{display:none}.access-banner h2{font-size:14px}.access-banner p{font-size:10px}.role-cards{grid-template-columns:1fr 1fr;gap:10px}.role-card{padding:16px}.role-card p{font-size:10px}.workspace-footer{font-size:8px}.workspace-footer>span:first-child>span{display:none}.demo-banner{padding:10px 17px;font-size:9px}.demo-banner button{font-size:9px;white-space:nowrap}.demo-banner>span svg{display:none}.auth-page{grid-template-columns:1fr}.auth-story{min-height:0;padding:26px 25px}.auth-story .brand{font-size:25px}.story-content{padding:30px 0 20px}.story-content h1{font-size:37px;line-height:1.12;margin-top:16px;letter-spacing:-1.7px}.story-content h1 br:nth-child(2){display:none}.story-content h1 em{margin-left:8px}.story-content p{max-width:100%;font-size:12px;margin-top:17px}.story-tiles{display:none}.auth-story footer{display:none}.auth-form-side{min-height:0;padding:22px 25px}.auth-form-wrap{padding:25px 0}.auth-icon{display:none}.auth-form-wrap h2{font-size:24px}.auth-top{justify-content:space-between}.auth-top>span{display:flex;font-size:9px}.auth-form-side>footer{padding:15px}.modal-overlay{padding:12px}.modal{max-height:calc(100dvh - 24px)}.modal-heading{padding:19px}.modal-heading h2{font-size:20px}.modal-body{padding:20px}.sale-content{grid-template-columns:1fr}.sale-products{padding:18px;max-height:300px;overflow:auto}.sale-product-grid{grid-template-columns:1fr 1fr;gap:10px}.sale-product{min-height:120px;padding:12px}.sale-product .product-icon{display:none}.sale-product strong{font-size:11px}.sale-checkout{padding:20px;max-height:none}.payment-fields{grid-template-columns:repeat(3,1fr)}.payment-fields .field>span{font-size:8px}.customer-sale{flex-direction:column}.customer-sale>div:last-child{flex-direction:row;align-items:center;justify-content:space-between}.toast{left:50%;width:max-content;max-width:90vw;font-size:11px}.cash-actions{justify-content:flex-start}.cash-actions .button{font-size:10px}.auth-assurance{font-size:9px}.story-art{opacity:.08}}
@media print{body{background:white}.sidebar,.main-shell,.modal-heading,.print-button,.toast{display:none!important}.modal-overlay{display:block;position:static;background:white;padding:0;backdrop-filter:none}.modal{box-shadow:none;max-height:none;overflow:visible;max-width:600px;margin:auto}.receipt{padding:25px;color:black}.receipt *{color:black!important}.receipt .sale-total{border-color:#ddd}.receipt-line{border-color:#ddd}.receipt-brand{margin-top:20px}}

/* Readable captions and labels when web fonts are unavailable. */
.metric small,.metric-top,.panel-heading p,.page-heading p,.chart-grid,.chart-column>small,.product-cell small,.ranking-row small,.alert-row small,.mini-metrics small,th,.workspace-footer,.role-card p,.role-card small,.access-banner p,.quiet,.sync-status,.settings-panel>p,.settings-panel dt,.info-line{color:#6e7d65}
.metric-top,td,.sidebar nav button{font-size:12px}.metric small,.panel-heading p,.product-cell small,.alert-row small,th{font-size:10px}

/* Representative steel catalog images, shared by inventory and checkout. */
.product-photo{display:block;flex-shrink:0;overflow:hidden;border-radius:8px;background:#efeeec;border:1px solid #e5e6e0}
.product-photo img{display:block;width:100%;height:100%;object-fit:cover}
.product-photo-thumb{width:64px;height:64px}
.product-photo-button{border:0;background:transparent;padding:0;border-radius:8px;cursor:zoom-in;flex-shrink:0}
.product-photo-button:focus-visible{outline:2px solid #729f52;outline-offset:3px}
.product-photo-button:disabled{cursor:default}
.product-photo-button:hover:not(:disabled) .product-photo{border-color:#94b574}
.sale-product .product-photo-catalog{width:100%;height:132px;margin-bottom:13px}
.sale-product{min-height:246px}
.product-photo-preview{width:100%;height:auto;aspect-ratio:1;max-height:58vh}
.product-photo-preview img{object-fit:contain}
.image-caption{text-align:center;color:#8a957f;font-size:11px;margin:12px 0 18px}
.image-product-details{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:11px;color:#8b9a7b}
.image-product-details strong{width:100%;font-size:14px;color:#5a7548;margin-top:4px}
@media(max-width:600px){.product-photo-thumb{width:56px;height:56px}.sale-product .product-photo-catalog{height:114px}.sale-product{padding:12px;min-height:236px}}