:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f6f7f9;font-synthesis:none;text-rendering:optimizeLegibility;--orange:#f97316;--orange-dark:#ea580c;--ink:#172033;--muted:#697386;--line:#e7e9ee;--card:#fff;--sidebar:#151921;--soft:#fff7ed}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f7f9}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;background:var(--sidebar);color:#fff;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:30;border-right:1px solid #202631;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3b4350 #151921}.brand{height:86px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid #242a34}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#fb923c,#ea580c);display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:0 8px 22px #f9731633}.brand-mark.large{width:50px;height:50px;border-radius:15px;font-size:22px}.brand>div:last-child,.login-logo>div:last-child{display:flex;flex-direction:column}.brand strong,.login-logo strong{letter-spacing:.08em;font-size:16px}.brand span,.login-logo span{color:#9ca3af;font-size:11px;margin-top:2px}.branch-mini{margin:18px 14px 10px;padding:12px 13px;background:#1c222c;border:1px solid #2a313d;border-radius:13px;display:flex;gap:10px;align-items:center;color:#fb923c}.branch-mini div{display:flex;flex-direction:column;min-width:0}.branch-mini small{color:#7f8a9d;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.branch-mini strong{font-size:12px;color:#f8fafc;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar nav{padding:8px 12px;display:flex;flex-direction:column;gap:4px;flex:none;overflow:visible}.nav-item{height:45px;border-radius:10px;color:#aab2c0;display:flex;align-items:center;gap:12px;padding:0 13px;font-size:13px;font-weight:600;transition:.18s}.nav-item:hover{background:#1d2430;color:#fff}.nav-item.active{background:#2b211b;color:#fb923c;box-shadow:inset 3px 0 #f97316}.nav-item.disabled{opacity:.45;cursor:not-allowed}.nav-item em{margin-left:auto;font-style:normal;font-size:9px;padding:3px 6px;border-radius:999px;background:#2a313c}.sidebar-footer{padding:14px;border-top:1px solid #242a34}.user-chip{display:flex;align-items:center;gap:10px;padding:7px}.avatar{width:34px;height:34px;border-radius:50%;background:#2c3441;display:grid;place-items:center;color:#fb923c;font-weight:800}.user-chip>div:last-child{display:flex;flex-direction:column;min-width:0}.user-chip strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip span{font-size:10px;color:#7f8a9d;margin-top:2px}.logout{width:100%;margin-top:8px;border:0;background:transparent;color:#8993a4;height:38px;border-radius:9px;display:flex;gap:9px;align-items:center;padding:0 10px}.logout:hover{background:#2a1d1d;color:#fb7185}.main-area{margin-left:260px;flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:20}.top-title{display:flex;flex-direction:column}.top-title span{font-size:14px;font-weight:750}.top-title small{font-size:10px;color:#8a94a5;margin-top:2px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.secure-pill,.branch-select{height:36px;border:1px solid var(--line);border-radius:10px;padding:0 11px;display:flex;align-items:center;gap:7px;background:#fff;color:#536073;font-size:11px;font-weight:700}.secure-pill svg{color:#22c55e}.branch-select select{border:0;outline:0;background:transparent;color:#263246;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none}.menu-button{display:none;border:0;background:transparent}.page{padding:30px;max-width:1500px;margin:0 auto}.page-head{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.page-head>div:first-child{flex:1}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--orange);font-weight:850}.page-head h1,.coming h1{margin:5px 0;font-size:27px;letter-spacing:-.025em}.page-head p,.coming p{margin:0;color:var(--muted);font-size:13px}.secondary-button,.primary-button{height:38px;border-radius:10px;padding:0 14px;border:1px solid var(--line);background:#fff;color:#344054;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.secondary-button:hover{border-color:#f6a26a;color:var(--orange-dark)}.primary-button{background:var(--orange);color:#fff;border-color:var(--orange)}.primary-button:hover{background:var(--orange-dark)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;align-items:center;gap:13px;min-height:86px}.metric-wide{grid-column:span 2}.metric-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;color:#f97316;background:#fff4e9}.metric-icon.warning{color:#eab308;background:#fefce8}.metric-icon.purple{color:#8b5cf6;background:#f5f3ff}.metric-icon.orange{color:#f97316;background:#fff7ed}.metric-card>div:last-child{display:flex;flex-direction:column}.metric-card span{font-size:11px;color:#7a8494;font-weight:650}.metric-card strong{font-size:22px;margin-top:4px;letter-spacing:-.02em}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:20px;overflow:hidden}.panel.no-pad{padding:0}.panel-head{display:flex;align-items:center;padding-bottom:14px}.panel-head>div:first-child{flex:1}.panel-head h2{font-size:15px;margin:0}.panel-head p{font-size:11px;color:#8b95a5;margin:4px 0 0}.text-link{font-size:11px;font-weight:750;color:var(--orange);display:flex;align-items:center;gap:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;padding:12px 14px;color:#7b8494;background:#fafbfc;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}td{padding:13px 14px;border-bottom:1px solid #eff1f4;color:#4a5567;vertical-align:middle}td strong{color:#202a3a}td small{display:block;color:#8a94a5;margin-top:3px;font-size:10px}.clickable tbody tr{cursor:pointer}.clickable tbody tr:hover{background:#fffaf6}.badge{display:inline-flex;align-items:center;min-height:25px;border-radius:999px;padding:0 9px;font-size:10px;font-weight:800;white-space:nowrap}.badge-warning{background:#fffbeb;color:#a16207}.badge-info{background:#eff6ff;color:#2563eb}.badge-purple{background:#f5f3ff;color:#7c3aed}.badge-success{background:#ecfdf3;color:#15803d}.badge-orange{background:#fff7ed;color:#ea580c}.badge-danger{background:#fff1f2;color:#e11d48}.badge-neutral{background:#f2f4f7;color:#667085}.filters{display:flex;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px;margin-bottom:16px}.filter-title{display:flex;align-items:center;gap:6px;color:#4c596c;font-size:11px;font-weight:800;margin-right:auto;align-self:center}.filters label{display:flex;flex-direction:column;gap:5px;color:#7c8798;font-size:9px;font-weight:800;text-transform:uppercase}.filters select,.filters input{height:34px;border:1px solid var(--line);border-radius:8px;padding:0 9px;background:#fff;color:#334155;outline:none;font-size:11px;min-width:135px}.filters input:focus,.filters select:focus,.searchbar input:focus{border-color:#fdba74;box-shadow:0 0 0 3px #fff7ed}.pager{padding:13px 15px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line)}.pager button{height:31px;border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;align-items:center;gap:4px;color:#4b5563;font-size:10px;font-weight:750}.pager button:disabled{opacity:.4;cursor:not-allowed}.pager span{font-size:10px;color:#7c8798}.searchbar{height:45px;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding-left:13px;max-width:620px;margin-bottom:16px;color:#8b95a5}.searchbar input{height:100%;flex:1;border:0;outline:0;padding:0 10px}.searchbar button{height:33px;margin-right:5px;border:0;background:#f97316;color:#fff;border-radius:8px;padding:0 15px;font-size:11px;font-weight:800}.customer-name{display:flex;align-items:center;gap:9px}.customer-name>div{width:29px;height:29px;border-radius:9px;background:#fff3e8;color:#f97316;display:grid;place-items:center;font-weight:850}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.product-image{height:145px;background:#f4f5f7;display:grid;place-items:center;color:#a0a8b5;position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.availability{position:absolute;right:9px;top:9px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.availability.on{background:#ecfdf3dd;color:#15803d}.availability.off{background:#fff1f2dd;color:#e11d48}.product-body{padding:14px}.product-body .category{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#f97316;font-weight:850}.product-body h3{font-size:14px;margin:5px 0}.product-body p{height:34px;overflow:hidden;font-size:10px;line-height:1.5;color:#8a94a5;margin:0 0 12px}.product-body>div:last-child{display:flex;align-items:center;justify-content:space-between}.product-body>div:last-child strong{font-size:15px}.product-body>div:last-child small{font-size:9px;color:#8b95a5}.loading-box{min-height:200px;display:flex;align-items:center;justify-content:center;gap:10px;color:#7a8494;font-size:12px}.spinner{width:20px;height:20px;border:2px solid #ffe0c7;border-top-color:#f97316;border-radius:50%;animation:spin .8s linear infinite}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa3b0;gap:7px}.empty strong{font-size:13px;color:#536073}.empty span{font-size:11px}.inline-empty{text-align:center;padding:30px;color:#98a2b3;font-size:11px}.alert-error,.login-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c;border-radius:10px;padding:10px 12px;font-size:11px;margin-bottom:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182788;z-index:100;display:grid;place-items:center;padding:20px}.modal{width:100%;max-height:88vh;background:#fff;border-radius:17px;box-shadow:0 24px 80px #11182744;overflow:hidden}.modal-head{height:72px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center}.modal-head>div:first-child{flex:1}.modal-head h2{font-size:17px;margin:3px 0 0}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:9px;display:grid;place-items:center}.modal-body{padding:20px;overflow:auto;max-height:calc(88vh - 72px)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-box{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:10px;color:#f97316}.info-box>div{display:flex;flex-direction:column}.info-box span{font-size:9px;color:#8b95a5;text-transform:uppercase;font-weight:800}.info-box strong{font-size:11px;color:#334155;margin-top:4px;line-height:1.4}.status-control{margin:14px 0 20px;padding:12px;border-radius:12px;background:#fafbfc;display:flex;align-items:center}.status-control>div{display:flex;align-items:center;gap:10px;flex:1}.status-control>div>span{font-size:10px;font-weight:800;color:#667085}.status-control select{height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 9px;font-size:11px}.order-detail h3{font-size:12px;margin:18px 0 9px}.items-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.items-list>div{display:flex;align-items:center;padding:11px 12px;border-bottom:1px solid var(--line)}.items-list>div:last-child{border-bottom:0}.items-list>div>div{display:flex;flex-direction:column;flex:1}.items-list strong{font-size:11px}.items-list span{font-size:9px;color:#8b95a5;margin-top:3px}.notes{padding:12px;background:#fffaf5;border:1px solid #ffedd5;border-radius:12px;margin-top:12px}.notes strong{font-size:10px}.notes p{font-size:10px;line-height:1.5;margin:5px 0 0;color:#6b7280}.timeline{border-left:1px solid #e5e7eb;margin-left:7px}.timeline>div{position:relative;padding:0 0 13px 16px}.timeline i{position:absolute;width:7px;height:7px;background:#f97316;border:2px solid #fff;box-shadow:0 0 0 1px #fed7aa;border-radius:50%;left:-4px;top:4px}.timeline strong{font-size:10px}.timeline span{display:block;font-size:9px;color:#98a2b3;margin-top:2px}.timeline p{font-size:9px;color:#667085}.coming{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.coming>div{width:60px;height:60px;border-radius:18px;background:#fff3e8;color:#f97316;display:grid;place-items:center;margin-bottom:14px}.coming p{max-width:420px}.mobile-overlay{display:none}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-art{background:linear-gradient(145deg,#1a1f28,#11151b);position:relative;overflow:hidden;padding:70px;display:flex;align-items:center}.login-art:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:#f9731617;right:-120px;top:-80px;border:1px solid #fb923c22}.login-art:after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:#f973160c;left:-80px;bottom:-100px;border:1px solid #fb923c1c}.login-art-content{position:relative;z-index:2;max-width:560px}.brand-kicker{font-size:10px;color:#fb923c;letter-spacing:.18em;font-weight:850}.login-art h1{font-size:45px;line-height:1.08;color:#f8fafc;letter-spacing:-.04em;margin:13px 0 18px}.login-art p{color:#9ca3af;line-height:1.7;font-size:14px;max-width:450px}.login-security{display:flex;align-items:center;gap:12px;border-top:1px solid #2c333e;margin-top:50px;padding-top:20px;color:#22c55e}.login-security>div{display:flex;flex-direction:column}.login-security strong{color:#d5dae1;font-size:11px}.login-security span{color:#7c8593;font-size:10px;margin-top:3px}.login-panel{display:flex;align-items:center;justify-content:center;padding:50px}.login-card{width:100%;max-width:390px}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:44px}.login-copy h2{font-size:25px;margin:0}.login-copy p{font-size:12px;color:#8993a4;margin:7px 0 25px}.login-card>label{display:block;margin:0 0 14px}.login-card>label>span{font-size:10px;font-weight:800;color:#596579;display:block;margin-bottom:6px}.input-icon{height:45px;border:1px solid #e1e5eb;border-radius:10px;display:flex;align-items:center;padding:0 12px;color:#9aa3b0}.input-icon:focus-within{border-color:#fdba74;box-shadow:0 0 0 3px #fff7ed}.input-icon input{flex:1;border:0;outline:0;padding:0 10px;height:100%;min-width:0}.input-icon button{border:0;background:transparent;color:#8f98a5;padding:4px}.login-button{width:100%;height:45px;margin-top:5px}.login-note{display:block;text-align:center;color:#a0a8b4;font-size:9px;margin-top:18px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar-open{transform:translate(0)}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#11182766;z-index:25}.main-area{margin-left:0}.menu-button{display:grid;place-items:center;margin-right:12px}.topbar{padding:0 16px}.secure-pill{display:none}.page{padding:20px 16px}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:30px 20px}.product-grid{grid-template-columns:repeat(2,1fr)}.filters{align-items:stretch;flex-wrap:wrap}.filter-title{width:100%}.filters label{flex:1}.filters select,.filters input{min-width:0;width:100%}}@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.metric-wide{grid-column:span 1}.product-grid{grid-template-columns:1fr}.page-head{flex-direction:column}.page-head .secondary-button{align-self:stretch}.detail-grid{grid-template-columns:1fr}.top-title small,.branch-select{display:none}.login-panel{padding:24px 18px}.login-logo{margin-bottom:30px}.pager{justify-content:center}.filters label{min-width:45%}}.readonly-pill{font-style:normal;font-size:9px;font-weight:800;color:#667085;background:#eef2f6;border:1px solid #e1e6ed;border-radius:999px;padding:4px 7px}.status-control select:disabled{background:#f3f4f6;color:#98a2b3;cursor:not-allowed}.item-expanded small{font-size:9px;color:#667085;margin-top:4px;line-height:1.45}.neutral-note{background:#f8fafc;border-color:#e2e8f0}.stock-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-warning{background:#fffbeb!important;color:#d97706!important}.stock-state{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850}.stock-state.ok{background:#ecfdf3;color:#15803d}.stock-state.low{background:#fffbeb;color:#a16207}.stock-state.off{background:#f2f4f7;color:#667085}.compact-filters{justify-content:flex-end}.report-filter-button{height:34px;align-self:end}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rank-list{display:flex;flex-direction:column}.rank-list>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.rank-list>div:last-child{border-bottom:0}.rank-list b{width:24px;height:24px;border-radius:8px;background:#fff3e8;color:#f97316;display:grid;place-items:center;font-size:10px}.rank-list>div>div{display:flex;flex-direction:column;flex:1}.rank-list strong{font-size:11px}.rank-list span{font-size:9px;color:#98a2b3;margin-top:2px}.rank-list em{font-style:normal;font-size:11px;font-weight:800;color:#344054}@media(max-width:900px){.report-grid{grid-template-columns:1fr}.stock-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.stock-metrics{grid-template-columns:1fr}}.nav-section-label{padding:12px 25px 4px;color:#596579;font-size:9px;font-weight:850;letter-spacing:.13em}.nav-block{flex:0!important;overflow:visible!important}.sidebar-divider{height:1px;background:#242a34;margin:8px 15px}.branch-switch{position:relative;margin-top:12px}.branch-switch>div{flex:1}.branch-switch>select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.back-network{margin:8px 14px 12px;height:36px;border:1px solid #2b3441;background:#1b222d;color:#9eabba;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:750}.back-network:hover{border-color:#f97316;color:#fb923c}.metric-icon.danger{background:#fff1f2;color:#e11d48}.negative-text{color:#dc2626!important}.global-metrics,.finance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.unit-name{display:flex;flex-direction:column}.unit-name span{font-size:9px;color:#98a2b3;margin-top:3px}.enter-unit{border:0;background:#fff7ed;color:#ea580c;border-radius:8px;height:31px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.unit-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.unit-card-head{display:flex;align-items:center;justify-content:space-between}.unit-icon{width:44px;height:44px;border-radius:13px;background:#fff3e8;color:#f97316;display:grid;place-items:center}.unit-card h3{font-size:17px;margin:15px 0 5px}.unit-card>p{font-size:10px;color:#8993a4;display:flex;align-items:center;gap:6px;margin:0 0 17px}.unit-card-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.unit-card-stats>div{display:flex;flex-direction:column;gap:2px}.unit-card-stats svg{color:#f97316;margin-bottom:3px}.unit-card-stats span{font-size:8px;color:#98a2b3;text-transform:uppercase;font-weight:750}.unit-card-stats strong{font-size:11px}.unit-enter-button{width:100%;margin-top:14px}.transition-banner{background:#fffaf5;border:1px solid #fed7aa;border-radius:13px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;color:#f97316;margin-bottom:16px}.transition-banner>div{display:flex;flex-direction:column}.transition-banner strong{font-size:11px;color:#7c2d12}.transition-banner span{font-size:10px;color:#8a5a44;margin-top:3px;line-height:1.45}.open-register-panel{display:flex;align-items:center;justify-content:space-between}.open-register-panel h2{font-size:15px;margin:4px 0 0}.open-register-values{display:flex;gap:28px}.open-register-values>div{display:flex;flex-direction:column}.open-register-values span{font-size:9px;color:#98a2b3}.open-register-values strong{font-size:13px;margin-top:3px}.stacked-head>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.stacked-head strong{font-size:14px}.stacked-head span{display:block;margin-top:4px;font-size:10px;color:#98a2b3}@media(max-width:1200px){.unit-grid,.global-metrics,.finance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.unit-grid{grid-template-columns:1fr}.open-register-panel{align-items:flex-start;flex-direction:column;gap:15px}.open-register-values{width:100%;gap:12px;justify-content:space-between}}@media(max-width:560px){.global-metrics,.finance-grid{grid-template-columns:1fr}.unit-card-stats{grid-template-columns:1fr 1fr}}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs button{height:36px;border:1px solid var(--line);background:#fff;color:#667085;border-radius:9px;padding:0 14px;font-size:11px;font-weight:800}.tabs button.active{background:#fff7ed;color:#ea580c;border-color:#fed7aa}.head-actions{display:flex;gap:8px;align-items:center}.primary-button,.secondary-button{border-radius:10px;height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:800}.primary-button{border:0;background:#f97316;color:#fff}.primary-button:hover{background:#ea580c}.primary-button:disabled,.secondary-button:disabled,.row-actions button:disabled{opacity:.45;cursor:not-allowed}.search-filter>div{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 8px}.search-filter>div input{border:0!important;outline:0;min-width:145px}.form-grid{display:flex;flex-direction:column;gap:13px}.form-grid label>span,.form-section-title{display:block;font-size:10px;font-weight:800;color:#667085;margin-bottom:6px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 11px;outline:0;font-size:11px}.form-grid textarea{min-height:78px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-submit{width:100%;margin-top:4px}.form-section{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafbfc}.form-section-title{display:flex;align-items:center;justify-content:space-between}.form-section-title button,.mini-button{border:0;background:#fff3e8;color:#ea580c;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800}.order-item-form{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:9px;display:flex;flex-direction:column;gap:9px}.flavor-row{display:grid;grid-template-columns:1fr 90px;gap:8px;margin-top:6px}.extras-box{display:flex;flex-wrap:wrap;gap:7px}.extras-box>span{width:100%;font-size:9px;font-weight:800;color:#667085}.extras-box label{display:flex;align-items:center;gap:5px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:9px}.extras-box input{width:auto!important}.detail-actions{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.row-actions button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#667085;display:grid;place-items:center}.delivery-history{display:flex;flex-direction:column;gap:8px}.history-card{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;justify-content:space-between;gap:12px}.history-card>div{display:flex;flex-direction:column;gap:3px}.history-card strong,.history-card b{font-size:11px}.history-card span,.history-card small{font-size:9px;color:#7c8797}.history-card>div:last-child{text-align:right}@media(max-width:700px){.head-actions{width:100%;flex-wrap:wrap}.form-row{grid-template-columns:1fr}.page-head .head-actions button{flex:1}}.customer-filters{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px}.inline-search{flex:1;margin:0}.customer-filters>label{min-width:150px;font-size:9px;font-weight:800;color:#7b8493;text-transform:uppercase}.customer-filters select{display:block;width:100%;margin-top:5px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px}.customer-name span{display:flex;flex-direction:column}.customer-name small{color:#98a2b3;font-weight:500;margin-top:2px}.row-eye{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#667085}.section-title{font-size:12px;margin:18px 0 9px}.history-list{display:flex;flex-direction:column;gap:8px}.compact-history{max-height:300px;border:1px solid var(--line);border-radius:10px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;gap:12px;position:relative}.category-icon{width:42px;height:42px;background:#fff4e9;color:#f97316;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.category-card>div:nth-child(2){flex:1}.category-card small{font-size:8px;color:#98a2b3;font-weight:850;letter-spacing:.08em}.category-card h3{margin:4px 0 5px;font-size:14px}.category-card p{margin:0 0 10px;color:#697386;font-size:10px;line-height:1.45}.category-card>button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#667085}.category-card>button:disabled{opacity:.35}.clickable-card{cursor:pointer}.product-meta{display:flex!important;gap:8px!important;margin-top:10px!important;flex-wrap:wrap}.product-meta span{display:flex;align-items:center;gap:4px;font-size:8px;color:#7c8797;background:#f8fafc;border-radius:999px;padding:4px 7px}.check-line{display:flex!important;align-items:center;gap:8px}.check-line input{width:auto!important}.inline-edit-row{display:grid;grid-template-columns:1fr 130px 34px;gap:8px;margin-top:8px}.inline-edit-row input,.inline-edit-row select{min-width:0}.inline-edit-row button{border:1px solid var(--line);background:#fff;border-radius:8px;color:#ef4444}.recipe-row{grid-template-columns:1fr 130px 34px}.readonly-box{padding:10px 12px;border-radius:9px;background:#f8fafc;color:#7c8797;font-size:10px;text-align:center}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.settings-layout aside{display:flex;flex-direction:column;gap:14px}.settings-title{display:flex;gap:10px;align-items:center;margin-bottom:18px;color:#f97316}.settings-title>div{display:flex;flex-direction:column}.settings-title strong{font-size:13px;color:#172033}.settings-title span{font-size:9px;color:#8b95a5;margin-top:2px}.settings-side{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.settings-side>svg{color:#f97316}.settings-side strong{font-size:12px}.settings-side p{font-size:10px;line-height:1.55;color:#697386;margin:0}.settings-side .stock-state{margin-top:4px}@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.customer-filters{flex-direction:column;align-items:stretch}.customer-filters>label{min-width:0}}@media(max-width:560px){.category-grid,.inline-edit-row,.recipe-row{grid-template-columns:1fr}.inline-edit-row button{height:34px}.compact-history{overflow:auto}}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-track{background:#151921}.sidebar::-webkit-scrollbar-thumb{background:#343c49;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#4a5565}.sidebar-footer{margin-top:auto}.cell-sub{display:block;color:#8a94a5;margin-top:4px;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-cell{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-actions{display:flex;gap:5px;justify-content:flex-end}.row-actions button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#697386;display:grid;place-items:center}.row-actions button:disabled{opacity:.35;cursor:not-allowed}.row-actions button:not(:disabled):hover{color:var(--orange);border-color:#fdba74}.report-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 15px;margin-bottom:18px;flex-wrap:wrap}.preset-row{display:flex;gap:7px;flex-wrap:wrap}.preset-row button{height:32px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 10px;font-size:10px;font-weight:800;color:#667085}.preset-row button:hover{border-color:#fdba74;color:#ea580c}.date-row{display:flex;align-items:flex-end;gap:9px}.date-row label{display:flex;flex-direction:column;gap:4px;font-size:9px;font-weight:800;text-transform:uppercase;color:#7c8798}.date-row input{height:34px;border:1px solid var(--line);border-radius:8px;padding:0 9px;background:#fff;color:#334155}.kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:13px;margin-bottom:20px}.report-kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;min-height:122px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.report-kpi-icon{width:40px;height:40px;border-radius:11px;background:#fff4e9;color:#f97316;display:grid;place-items:center;margin-bottom:10px}.report-kpi>span{font-size:10px;color:#697386}.report-kpi>strong{font-size:22px;line-height:1.1;margin-top:8px;letter-spacing:-.025em;color:#172033}.report-kpi>small{font-size:9px;margin-top:7px;color:#8b95a5}.report-kpi.teal .report-kpi-icon,.report-kpi.teal>strong{color:#0f9f96}.report-kpi.teal .report-kpi-icon{background:#e8fffb}.report-kpi.green .report-kpi-icon,.report-kpi.green>strong{color:#16a34a}.report-kpi.green .report-kpi-icon{background:#ecfdf3}.report-kpi.red .report-kpi-icon,.report-kpi.red>strong{color:#dc2626}.report-kpi.red .report-kpi-icon{background:#fff1f2}.report-kpi.purple .report-kpi-icon,.report-kpi.purple>strong{color:#9333ea}.report-kpi.purple .report-kpi-icon{background:#faf5ff}.report-kpi.indigo .report-kpi-icon,.report-kpi.indigo>strong{color:#4f46e5}.report-kpi.indigo .report-kpi-icon{background:#eef2ff}.report-kpi.blue .report-kpi-icon,.report-kpi.blue>strong{color:#2563eb}.report-kpi.blue .report-kpi-icon{background:#eff6ff}.report-kpi.amber .report-kpi-icon,.report-kpi.amber>strong{color:#ca8a04}.report-kpi.amber .report-kpi-icon{background:#fffbeb}.report-kpi.orange .report-kpi-icon,.report-kpi.orange>strong{color:#ea580c}.report-kpi.orange .report-kpi-icon{background:#fff7ed}.report-kpi.pink .report-kpi-icon,.report-kpi.pink>strong{color:#db2777}.report-kpi.pink .report-kpi-icon{background:#fdf2f8}.report-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report-panel-title{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:#172033}.report-panel-title svg{color:#f97316}.report-panel-title strong{font-size:13px}.sales-bars{height:260px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid var(--line);padding:12px 2px 25px;overflow:hidden}.sales-bar-col{height:100%;flex:1;min-width:2px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.sales-bar-track{width:100%;height:100%;display:flex;align-items:flex-end}.sales-bar-fill{width:100%;min-height:2px;background:#f97316;border-radius:3px 3px 0 0}.sales-bar-col>span{position:absolute;bottom:-19px;font-size:7px;color:#8b95a5;white-space:nowrap}.empty-chart{height:120px;display:grid;place-items:center;color:#98a2b3;font-size:10px}.comparison-box{display:flex;flex-direction:column;gap:12px}.comparison-box>div:not(:last-child){padding:14px;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between}.comparison-box span{font-size:10px;color:#667085}.comparison-box strong{font-size:18px}.comparison-positive,.comparison-negative{padding:12px;border-radius:8px;font-size:11px;font-weight:850}.comparison-positive{background:#ecfdf3;color:#16a34a}.comparison-negative{background:#fff1f2;color:#dc2626}.comparison-positive small,.comparison-negative small{font-weight:600;margin-left:5px}.report-rank>div{padding:10px 0}.pie-layout{display:flex;align-items:center;justify-content:center;gap:28px;min-height:245px}.pie{width:160px;height:160px;border-radius:50%;position:relative;box-shadow:inset 0 0 0 34px #fff}.pie-legend{min-width:230px;display:flex;flex-direction:column;gap:10px}.pie-legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px}.pie-legend i{width:9px;height:9px;border-radius:50%}.pie-legend span{font-size:10px;color:#667085}.pie-legend strong{font-size:10px}.payment-list,.order-summary{display:flex;flex-direction:column;gap:9px}.payment-list>div,.order-summary>div{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:9px;background:#f8fafc}.payment-list svg{color:#f97316}.payment-list span,.order-summary span{font-size:10px;color:#667085;flex:1}.payment-list strong,.order-summary strong{font-size:11px}.order-summary strong.green{color:#16a34a}.order-summary strong.blue{color:#2563eb}.order-summary strong.red{color:#dc2626}.order-summary strong.purple{color:#9333ea}.detail-expense{padding:0}.detail-expense-head{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid var(--line)}.detail-expense-head strong{font-size:12px}.detail-expense-head span{font-size:12px;font-weight:850}.detail-expense.red .detail-expense-head{background:#fff7f7;color:#b91c1c}.detail-expense.purple .detail-expense-head{background:#faf5ff;color:#7e22ce}.detail-expense.indigo .detail-expense-head{background:#eef2ff;color:#4338ca}.expense-scroll{max-height:330px;overflow:auto;padding:8px}.expense-scroll>div:not(.empty-chart){display:flex;align-items:center;justify-content:space-between;padding:9px 8px;border-bottom:1px solid #f0f2f5;gap:8px}.expense-scroll>div>div{min-width:0}.expense-scroll strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-scroll small{display:block;font-size:8px;color:#98a2b3;margin-top:2px}.expense-scroll b{font-size:10px;white-space:nowrap}.category-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.category-breakdown>div{display:flex;align-items:center;justify-content:space-between;border:1px solid #fee2e2;background:#fff7f7;border-radius:9px;padding:10px 12px}.category-breakdown span{font-size:10px;color:#7f1d1d}.category-breakdown strong{font-size:10px;color:#dc2626}.category-breakdown .special-purple{background:#faf5ff;border-color:#e9d5ff}.category-breakdown .special-purple span,.category-breakdown .special-purple strong{color:#7e22ce}.category-breakdown .special-indigo{background:#eef2ff;border-color:#c7d2fe}.category-breakdown .special-indigo span,.category-breakdown .special-indigo strong{color:#4338ca}.formula-note{background:#fffaf5;border:1px solid #fed7aa;border-radius:12px;padding:12px 14px;color:#8a5a44;font-size:9px;line-height:1.55;margin-bottom:20px}.cash-kpis{grid-template-columns:repeat(6,minmax(145px,1fr))}.cash-note{font-size:9px!important;color:#8b95a5!important;margin:5px 0 0!important}.history-warning{padding:10px 14px;background:#fffbeb;border-bottom:1px solid #fde68a;color:#92400e;font-size:9px;line-height:1.5}@media(max-width:1300px){.kpi-strip,.cash-kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:1000px){.report-2col,.report-3col{grid-template-columns:1fr}.kpi-strip,.cash-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.kpi-strip,.cash-kpis{grid-template-columns:repeat(2,1fr)}.report-toolbar,.date-row{align-items:stretch;flex-direction:column}.pie-layout{flex-direction:column}.category-breakdown{grid-template-columns:1fr}.open-register-values{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:480px){.kpi-strip,.cash-kpis{grid-template-columns:1fr}}