@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";:root{color:#27221d;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f4ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.app-shell{background:#f7f4ef;min-height:100vh;display:flex}.sidebar{color:#f7f4ef;background:#211e1a;flex-direction:column;width:250px;padding:28px 16px 18px;display:flex}.brand-lockup{align-items:center;gap:11px;padding:0 12px 28px;display:flex}.brand-mark{color:#211e1a;background:#f36d21;border-radius:10px;place-items:center;width:36px;height:36px;font:800 22px Syne,sans-serif;display:grid;transform:rotate(-8deg)}.brand-lockup strong,.brand-lockup span{line-height:1;display:block}.brand-lockup strong{letter-spacing:.08em;font:800 18px Syne,sans-serif}.brand-lockup span{color:#b7ada2;letter-spacing:.18em;margin-top:5px;font-size:8px}.branch-pill{color:#cfc5bb;background:#302c27;border:1px solid #49423a;border-radius:9px;align-items:center;gap:8px;margin:0 4px 30px;padding:10px 11px;font-size:11px;display:flex}.branch-pill b{color:#f36d21;margin-left:auto;font-size:10px}.status-dot,.online-dot{background:#76bd74;border-radius:50%;width:7px;height:7px;display:inline-block}.nav-label,.section-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700}.nav-label{color:#776f67;margin:0 0 9px;padding:0 12px}.main-nav{flex:1}.nav-item{color:#a9a198;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:11px 12px;font-size:13px;display:flex}.nav-item.active,.nav-item:hover{color:#fff9f3;background:#39332c}.nav-item.active{box-shadow:inset 3px 0 #f36d21}.nav-item em{color:#f36d21;margin-left:auto;font-size:9px;font-style:normal}.nav-chevron{color:#776f67;align-items:center;margin-left:auto;display:flex}.nav-group{flex-direction:column;display:flex}.nav-subgroup{border-left:1px solid #3a352e;flex-direction:column;margin:2px 0 4px 30px;padding-left:10px;display:flex}.nav-subitem{color:#a9a198;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;width:100%;margin:1px 0;padding:8px 10px;font-size:12.5px}.nav-subitem.active,.nav-subitem:hover{color:#fff9f3;background:#39332c}.nav-subitem.active{box-shadow:inset 2px 0 #f36d21}.nav-subitem:disabled{opacity:.38;cursor:not-allowed}.nav-subitem:disabled:hover{color:#a9a198;background:0 0}.sidebar-bottom>.nav-item{margin-bottom:18px}.user-card{border-top:1px solid #3a352e;align-items:center;gap:9px;padding:17px 7px 0;display:flex}.user-card strong,.user-card span{font-size:12px;display:block}.user-card span{color:#8d847a;margin-top:3px;font-size:10px}.avatar{color:#61351d;background:#f8c69d;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:grid}.online-dot{background:#76bd74;border:2px solid #211e1a;width:10px;height:10px;margin-left:auto}.main-content{flex:1;max-width:1500px;padding:38px 5%;overflow:hidden}.topbar,.section-heading,.panel-heading{justify-content:space-between;align-items:center;display:flex}.eyebrow{color:#9b9187;margin:0 0 8px;font-size:9px}h1,h2{letter-spacing:-.04em;margin:0;font-family:Syne,sans-serif}h1{font-size:clamp(24px,3vw,34px)}h2{font-size:22px}.topbar-actions{align-items:center;gap:13px;display:flex}.sync-state{color:#756b61;align-items:center;gap:7px;font-size:11px;display:flex}.sync-divider{background:#d4cec6;width:1px;height:13px;margin:0 4px}.icon-button,.profile-button{color:#62594f;cursor:pointer;background:#fffdf9;border:1px solid #dfd8ce;border-radius:8px;height:36px}.icon-button{place-items:center;width:36px;display:grid}.profile-button{align-items:center;gap:8px;padding:3px 11px 3px 4px;font-size:11px;display:flex}.avatar.small{width:27px;height:27px}.welcome-card{color:#fffaf3;background:#312a24;border-radius:16px;justify-content:space-between;align-items:center;margin:39px 0 40px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.welcome-card:after{content:"";opacity:.65;border:1px solid #695548;border-radius:50%;width:210px;height:210px;position:absolute;top:-70px;right:7%;box-shadow:0 0 0 25px #3a3028,0 0 0 26px #59483b}.welcome-card h2{z-index:1;margin:5px 0 9px;font-size:29px;position:relative}.welcome-card p:not(.section-kicker){color:#c3b5a8;z-index:1;margin:0;font-size:13px;position:relative}.section-kicker{color:#e56a27;margin:0;font-size:9px}.welcome-card .section-kicker{color:#f5a06e}.primary-button{z-index:1;color:#211e1a;cursor:pointer;background:#f36d21;border:0;border-radius:7px;padding:12px 16px;font-weight:700;position:relative}.primary-button span,.text-button span{margin-left:11px;font-size:18px}.section-block{margin-bottom:38px}.text-button{color:#8a5b3e;cursor:pointer;background:0 0;border:0;font-size:11px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:17px;display:grid}.metric-card{border:1px solid #0000;border-radius:12px;flex-direction:column;min-height:142px;padding:19px 20px;display:flex}.metric-card.orange{background:#fff0e4;border-color:#f8d9c2}.metric-card.green{background:#edf4ea;border-color:#d9e7d2}.metric-card.blue{background:#ebf1f4;border-color:#d6e3e7}.metric-card.cream{background:#f1eee8;border-color:#e2dcd3}.metric-card>span{color:#776e64;font-size:11px}.metric-card strong{margin:20px 0 8px;font:700 26px Syne,sans-serif}.metric-card small{color:#9b9187;font-size:10px}.lower-grid{grid-template-columns:1.08fr .92fr;gap:16px;display:grid}.panel{background:#fffdf9;border:1px solid #e3ddd4;border-radius:13px;min-height:280px;padding:25px}.progress-label{color:#b0a69d;font-size:11px}.panel-copy{color:#887e73;max-width:430px;margin:16px 0 19px;font-size:12px;line-height:1.55}.setup-list{border-top:1px solid #ebe5dd}.setup-row{color:#584f47;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ebe5dd;align-items:center;gap:13px;width:100%;padding:11px 0;font-size:12px;display:flex}.step-number{color:#c0b5aa;font-size:10px}.row-arrow{color:#e56a27;margin-left:auto;font-size:16px}.spark{color:#e56a27;font-size:20px}.empty-insight{text-align:center;padding:33px 25px 10px}.empty-icon{color:#e56a27;background:#fff0e4;border-radius:50%;place-items:center;width:39px;height:39px;margin:auto;display:grid}.empty-insight strong{margin-top:15px;font-size:13px;display:block}.empty-insight p{color:#9b9187;max-width:290px;margin:9px auto;font-size:11px;line-height:1.6}@media (width<=950px){.sidebar{width:210px}.main-content{padding:28px 3%}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.app-shell{display:block}.sidebar{width:100%;padding:15px}.brand-lockup{padding-bottom:15px}.branch-pill,.main-nav,.sidebar-bottom{display:none}.main-content{padding:24px 18px}.topbar-actions .sync-state,.profile-button span:not(.avatar){display:none}.welcome-card{margin:25px 0 30px;padding:26px;display:block}.welcome-card h2{font-size:24px}.primary-button{margin-top:23px}.lower-grid{grid-template-columns:1fr}.metrics-grid{gap:8px}.metric-card{min-height:125px;padding:14px}.metric-card strong{margin-top:16px;font-size:21px}}.management-view{margin-top:42px}.page-intro{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.page-intro h2{margin:6px 0 8px}.page-intro p:not(.section-kicker){color:#887e73;margin:0;font-size:12px}.data-panel{background:#fffdf9;border:1px solid #e3ddd4;border-radius:13px;overflow:hidden}.data-panel table{border-collapse:collapse;text-align:left;width:100%}.data-panel th,.data-panel td{border-bottom:1px solid #ebe5dd;padding:15px 20px;font-size:12px}.data-panel th{color:#776e64;text-transform:uppercase;letter-spacing:.12em;background:#f6f1ea;font-size:9px}.data-panel tr:last-child td{border-bottom:0}.data-empty{color:#b5aaa0;align-content:center;place-items:center;gap:12px;min-height:220px;display:grid}.data-empty p{margin:0;font-size:12px}.primary-button{align-items:center;gap:8px;display:inline-flex}.modal-backdrop{z-index:5;background:#211e1a80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.setup-modal{background:#fffdf9;border-radius:14px;width:min(100%,470px);padding:26px;box-shadow:0 24px 80px #211e1a33}.modal-heading{justify-content:space-between;align-items:start;margin-bottom:22px;display:flex}.modal-heading h2{margin-top:6px;font-size:21px}.close-button{color:#776e64;cursor:pointer;background:#f4eee7;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.setup-modal label{color:#655b51;margin-top:14px;font-size:11px;font-weight:700;display:block}.setup-modal input,.setup-modal select{color:#27221d;width:100%;font:inherit;background:#fff;border:1px solid #ddd5ca;border-radius:7px;outline:none;margin-top:7px;padding:11px 12px;font-size:13px;display:block}.setup-modal input:focus,.setup-modal select:focus{border-color:#e56a27;box-shadow:0 0 0 3px #fff0e4}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.secondary-button{color:#655b51;cursor:pointer;background:#fffdf9;border:1px solid #ddd5ca;border-radius:7px;padding:10px 14px}.step-number.done{color:#4c9a5c;font-weight:700}@media (width<=700px){.page-intro{flex-direction:column;align-items:start;gap:18px}.data-panel{overflow-x:auto}.data-panel table{min-width:560px}}.pos-status{color:#4c9a5c;align-items:center;gap:7px;font-size:11px;display:flex}.pos-card{background:#fffdf9;border:1px solid #e3ddd4;border-radius:13px;max-width:760px;padding:28px}.pos-fields{grid-template-columns:1.5fr .65fr 1fr;gap:14px;display:grid}.pos-card label{color:#655b51;font-size:11px;font-weight:700;display:block}.pos-card input,.pos-card select{color:#27221d;width:100%;font:inherit;background:#fff;border:1px solid #ddd5ca;border-radius:7px;margin-top:7px;padding:11px 12px;font-size:13px;display:block}.pos-total{color:#776e64;border-top:1px solid #ebe5dd;justify-content:space-between;align-items:center;margin:25px 0 18px;padding-top:20px;font-size:12px;display:flex}.pos-total strong{color:#27221d;font:700 25px Syne,sans-serif}.form-message{color:#8a5b3e;background:#fff0e4;border-radius:7px;margin:16px 0 0;padding:11px 13px;font-size:12px}@media (width<=700px){.pos-fields{grid-template-columns:1fr}.pos-card{padding:20px}}.production-card{background:#fffdf9;border:1px solid #e3ddd4;border-radius:13px;max-width:760px;margin-top:42px;padding:28px}.production-card label{color:#655b51;margin-top:16px;font-size:11px;font-weight:700;display:block}.production-card input,.production-card select{color:#27221d;width:100%;font:inherit;background:#fff;border:1px solid #ddd5ca;border-radius:7px;margin-top:7px;padding:11px 12px;font-size:13px;display:block}.production-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.production-card .primary-button{margin-top:22px}.production-card .production-row{border-bottom:1px solid #ebe5dd;align-items:center;gap:12px;margin-top:0;padding:10px 0;font-weight:700;display:flex}.production-card .production-row:first-of-type{margin-top:4px}.production-card .production-row span:first-child{color:#27221d;flex:1;font-size:12px}.production-card .production-row input{text-align:right;width:90px;margin-top:0;display:block}.production-unit{color:#9b9187;width:44px;font-size:11px;font-weight:400}.production-stock-hint{color:#9b9187;font-size:10px;font-weight:400;display:block}.checkbox-field{align-items:center;gap:8px;font-weight:400;display:flex}.checkbox-field input{width:auto;margin-top:0;display:inline-block}.customer-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.form-panel{padding:22px}.form-panel h3{margin:0 0 16px;font:700 16px Syne,sans-serif}.form-panel label{color:#655b51;margin-top:12px;font-size:11px;font-weight:700;display:block}.form-panel input,.form-panel select{color:#27221d;width:100%;font:inherit;background:#fff;border:1px solid #ddd5ca;border-radius:7px;margin-top:6px;padding:10px 12px;font-size:13px;display:block}.form-panel .primary-button,.customer-table{margin-top:18px}@media (width<=700px){.customer-grid{grid-template-columns:1fr}}.table-button{color:#9b5b35;cursor:pointer;background:0 0;border:0;margin-right:10px;font-size:11px}.form-toggle{display:flex}.form-toggle .primary-button{justify-content:center;width:100%}.form-toggle-close{justify-content:flex-end;margin-bottom:10px;display:flex}.actions-menu{display:inline-block;position:relative}.actions-menu-trigger{color:#776e64;cursor:pointer;letter-spacing:1px;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;font-size:17px;line-height:1;display:grid}.actions-menu-trigger:hover{background:#f4eee7}.actions-menu-backdrop{z-index:8;cursor:default;background:0 0;border:0;padding:0;position:fixed;inset:0}.actions-menu-list{z-index:9;background:#fffdf9;border:1px solid #e3ddd4;border-radius:10px;min-width:165px;overflow:hidden;box-shadow:0 12px 30px #211e1a2e}.actions-menu-item{text-align:left;color:#3c362f;cursor:pointer;background:0 0;border:0;width:100%;padding:10px 14px;font-size:12px;display:block}.actions-menu-item:hover{background:#f6f1ea}.actions-menu-item.danger{color:#b3432f}.actions-menu-empty{color:#b5aaa0;padding:10px 14px;font-size:11px}.table-button.danger{color:#b14f41}.workspace-note{color:#9b9187;font-size:11px}.receipt-preview{background:#fffdf9;border-radius:8px;width:min(100%,390px);padding:26px;font-size:12px;box-shadow:0 24px 80px #211e1a33}.receipt-header,.receipt-line,.receipt-total{justify-content:space-between;gap:15px;display:flex}.receipt-header{border-bottom:1px dashed #d8cec1;margin-bottom:12px;padding-bottom:14px}.receipt-header strong{font:700 15px Syne,sans-serif}.receipt-preview>p{color:#887e73;margin:8px 0}.receipt-line{border-bottom:1px solid #f0eae2;padding:8px 0}.receipt-total{border-top:1px solid #d8cec1;margin-top:14px;padding-top:14px;font-size:13px}.receipt-total strong{font:700 18px Syne,sans-serif}.finance-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.offline-card{color:#4c7e54;background:#edf4ea;border:1px solid #d9e7d2;border-radius:9px;align-items:center;gap:7px;padding:11px 13px;font-size:11px;display:flex}.offline-card strong{color:#2f6637;margin-left:8px}.balance-label{color:#887e73;justify-content:space-between;gap:12px;font-size:11px;display:flex}.balance-label strong{color:#27221d}@media (width<=1050px){.finance-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.finance-grid{grid-template-columns:1fr}}.auth-panel{background:#fffdf9;border-radius:14px;width:min(100%,430px);padding:26px;box-shadow:0 24px 80px #211e1a33}.auth-status{border-radius:8px;align-items:center;gap:7px;margin-bottom:17px;padding:11px 13px;font-size:11px;display:flex}.auth-status.configured{color:#4c7e54;background:#edf4ea}.auth-status.preview{color:#9b5b35;background:#fff0e4}.auth-panel label{color:#655b51;margin-top:12px;font-size:11px;font-weight:700;display:block}.auth-panel input{width:100%;font:inherit;border:1px solid #ddd5ca;border-radius:7px;margin-top:6px;padding:11px 12px;font-size:13px;display:block}.primary-button:disabled{opacity:.45;cursor:not-allowed}.nav-item:disabled{opacity:.38;cursor:not-allowed}.nav-item:disabled:hover{color:#a9a198;background:0 0}.user-card-button{cursor:pointer;text-align:left;border:0;border-top:1px solid #3a352e;border-radius:0;padding:17px 7px 0}.user-card-button:hover{background:#302c27}.login-screen{background:#312a24;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fffdf9;border-radius:16px;width:min(100%,420px);padding:34px;box-shadow:0 24px 80px #0003}.login-brand{color:#27221d;padding:0 0 34px}.login-card h1{margin:8px 0;font-size:30px}.login-copy{color:#887e73;margin-bottom:22px;font-size:13px;line-height:1.5}.login-card label{color:#655b51;margin-top:13px;font-size:11px;font-weight:700;display:block}.login-card input{width:100%;font:inherit;border:1px solid #ddd5ca;border-radius:7px;margin-top:7px;padding:11px 12px;font-size:13px;display:block}.login-button{justify-content:center;width:100%;margin-top:22px}.route-fallback{text-align:center;color:#887e73;padding:40px;font-size:13px}