:root{
  --yellow:#ffc400;--yellow-strong:#eeb500;--yellow-soft:#fff8dc;--ink:#151814;--muted:#6f766e;
  --line:#e7eae5;--line-strong:#d9ddd7;--surface:#fff;--canvas:#f7f8f5;--green:#1c9b61;
  --red:#e24b4b;--blue:#3478f6;--purple:#7958d8;--orange:#ea8a2c;--shadow:0 16px 44px rgba(24,31,21,.055);
  --sidebar:252px;--radius:17px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Manrope,Inter,system-ui,-apple-system,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,196,0,.28);outline-offset:2px}
.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;width:var(--sidebar);flex-direction:column;border-right:1px solid var(--line);background:#fff}
.sidebar-head{display:flex;height:78px;align-items:center;justify-content:space-between;padding:0 21px}
.brand{display:flex;align-items:center;gap:11px}
.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#ffd622,#f5b900);box-shadow:inset 0 0 0 1px rgba(0,0,0,.035),0 9px 20px rgba(244,183,0,.24);color:#181a17;font-size:21px;font-weight:900}
.brand-copy{display:flex;flex-direction:column;line-height:1.08}
.brand-copy strong{font-size:20px;letter-spacing:-1px}.brand-copy strong span,.mobile-login-brand strong span{color:#e8ac00}
.brand-copy small{margin-top:4px;color:#989e97;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sidebar-close{display:none;border:0;background:transparent;font-size:20px}
.company-switch{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin:0 14px 16px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fafbf9;transition:.2s ease}
.company-switch:hover{border-color:#d7dcd4;background:#fff;box-shadow:0 7px 20px rgba(30,40,26,.06)}
.company-switch>span:first-child,.avatar{display:grid;place-items:center;border-radius:10px;background:#20231f;color:#fff;font-size:10px;font-weight:800}
.company-switch>span:first-child{width:34px;height:34px}.company-switch>span:nth-child(2),.sidebar-user>span:nth-child(2),.top-user>span:nth-child(2),.support-state span{display:flex;min-width:0;flex-direction:column}
.company-switch strong,.sidebar-user strong,.top-user strong,.support-state strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.company-switch small,.sidebar-user small,.top-user small,.support-state small{margin-top:2px;color:#8a9189;font-size:8px}
.company-switch>i{color:#979e96;font-size:11px}
.sidebar-nav{flex:1;overflow-y:auto;padding:0 11px 18px;scrollbar-width:thin}
.sidebar-nav section+section{margin-top:15px}
.nav-label{display:block;padding:0 10px 7px;color:#a0a69f;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sidebar-nav a{position:relative;display:flex;height:36px;align-items:center;gap:10px;margin:2px 0;padding:0 10px;border-radius:9px;color:#5f665e;font-size:10px;font-weight:650;transition:.18s ease}
.sidebar-nav a>i{width:18px;color:#7f867e;font-size:17px}
.sidebar-nav a:hover{background:#f5f6f3;color:#171a16;transform:translateX(1px)}
.sidebar-nav a.active{background:linear-gradient(90deg,#fff3bd,#fff9e2);color:#181a17;font-weight:800}
.sidebar-nav a.active:before{position:absolute;left:0;width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--yellow);content:""}
.sidebar-nav a.active>i{color:#b98b00}
.nav-badge{margin-left:auto;padding:2px 5px;border-radius:5px;background:#fff0a6;color:#906d00;font-size:7px}
.sidebar-foot{padding:12px 14px;border-top:1px solid var(--line)}
.support-state{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;background:#f7f9f5}
.support-state>i{width:8px;height:8px;border:2px solid #c3efd5;border-radius:50%;background:#2bb36e}
.sidebar-user{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:10px;padding:4px}
.sidebar-user .avatar,.top-user .avatar{width:34px;height:34px;background:linear-gradient(145deg,#2c302b,#111310)}
.sidebar-user>a{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:#8e958d}.sidebar-user>a:hover{background:#f0f2ee;color:#d24949}
.content{min-height:100vh;margin-left:var(--sidebar)}
.topbar{position:sticky;top:0;z-index:30;display:grid;height:66px;grid-template-columns:auto minmax(220px,440px) auto;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid rgba(226,230,223,.9);background:rgba(255,255,255,.88);backdrop-filter:blur(16px)}
.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:9px;white-space:nowrap}.breadcrumbs a{color:#8c938b}.breadcrumbs i{color:#c0c5be;font-size:9px}.breadcrumbs span{font-weight:750}
.global-search{display:flex;height:38px;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#f7f8f6;transition:.18s}
.global-search:focus-within{border-color:#dab22f;background:#fff;box-shadow:0 0 0 3px rgba(255,196,0,.1)}
.global-search>i{color:#8e958d;font-size:15px}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:10px}.global-search kbd{padding:3px 5px;border:1px solid #dfe3dd;border-radius:5px;background:white;color:#969c95;font-size:7px}
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid var(--line-strong);border-radius:10px;background:white;color:#444a43;font-size:9px;font-weight:800;transition:.18s}
.button:hover{border-color:#c9cec6;box-shadow:0 6px 18px rgba(28,34,25,.06);transform:translateY(-1px)}
.button-primary{border-color:#ebba0d;background:linear-gradient(180deg,#ffd01d,#ffc000);color:#1b1d19;box-shadow:0 7px 16px rgba(240,181,0,.18)}
.button-primary:hover{border-color:#d9a900;box-shadow:0 9px 22px rgba(240,181,0,.27)}
.button-dark{border-color:#1b1e1a;background:#1b1e1a;color:#fff}.button.compact{min-height:34px;padding:0 11px}
.icon-button{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:#6b726a}
.menu-button{display:none}.notification-button{position:relative}.notification-button b{position:absolute;top:8px;right:8px;width:6px;height:6px;border:2px solid white;border-radius:50%;background:#ed4b4b}
.top-user{display:flex;align-items:center;gap:8px;margin-left:3px;padding-left:10px;border-left:1px solid var(--line)}.top-user>i{color:#a0a69f;font-size:10px}
.page{padding:30px 28px 48px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}
.page-head h1{margin:4px 0 5px;font-size:27px;line-height:1.1;letter-spacing:-1.25px}.page-head p{margin:0;color:var(--muted);font-size:10px}
.eyebrow{color:#a37d00;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.eyebrow.light{color:#ffd84e}
.page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.toast-banner{display:flex;align-items:center;gap:8px;margin:15px 28px -10px;padding:11px 14px;border:1px solid #dfe3dd;border-radius:10px;background:#fff;font-weight:700}.toast-banner.success{border-color:#bde5cd;background:#effaf3;color:#167248}.toast-banner.error{border-color:#f0c5c2;background:#fff2f1;color:#9d3e36}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px 19px}
.panel-head h2{margin:0;font-size:12px;letter-spacing:-.25px}.panel-head p{margin:4px 0 0;color:#8c938b;font-size:8px}.panel-head select{padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:#fafbf9;font-size:8px}
.panel-link{display:flex;align-items:center;gap:4px;color:#9a7600;font-size:8px;font-weight:800}.hidden{display:none!important}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kpi-card{min-height:116px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(26,34,23,.035);transition:.2s}
.kpi-card:hover{border-color:#d9ddd6;box-shadow:0 15px 35px rgba(28,38,24,.07);transform:translateY(-2px)}
.kpi-card>div{display:flex;align-items:center;justify-content:space-between;color:#777e76;font-size:8px;font-weight:750}.kpi-card>strong{display:block;margin:12px 0 5px;font-size:20px;letter-spacing:-.8px}.kpi-card>small{color:#91978f;font-size:8px}
.kpi-icon,.summary-icon{display:grid;place-items:center;border-radius:10px}.kpi-icon{width:31px;height:31px;font-size:15px}
.yellow{background:#fff5c5;color:#b38500}.green{background:#e7f8ee;color:#138752}.blue{background:#eaf1ff;color:#306dd6}.purple{background:#f0ebff;color:#6c4bd1}.orange{background:#fff0df;color:#d26f18}.red{background:#ffebeb;color:#d54141}
.dashboard-analytics{display:grid;grid-template-columns:1.65fr .8fr .72fr;gap:10px;margin-top:10px}.dashboard-analytics>.panel{min-height:310px}
.chart-totals{display:flex;align-items:flex-end;gap:28px;padding:0 19px}.chart-totals span{display:flex;flex-direction:column}.chart-totals small{color:#90978f;font-size:8px}.chart-totals strong{margin-top:3px;font-size:13px}.chart-key{margin-left:auto!important;flex-direction:row!important;align-items:center;gap:5px;color:#7e857d;font-size:7px}.chart-key i,.chart-key b{width:12px;height:3px;border-radius:3px;background:var(--yellow)}.chart-key b{margin-left:7px;background:#252925}
.column-chart{display:flex;height:170px;align-items:stretch;gap:10px;margin:16px 19px 0;padding:8px 0 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#eef0ec 0,#eef0ec 1px,transparent 1px,transparent 40px)}
.column-chart>div{display:grid;flex:1;grid-template-rows:1fr 20px;text-align:center}.column-chart>div>span{display:flex;align-items:flex-end;justify-content:center;gap:2px}.column-chart i,.column-chart b{display:block;width:27%;max-width:12px;border-radius:3px 3px 0 0;background:linear-gradient(#ffd438,#f8b900)}.column-chart b{background:#242824}.column-chart small{padding-top:6px;color:#8d948c;font-size:7px}
.donut-wrap{display:grid;place-items:center;padding:4px 18px 20px}.donut-chart{display:grid;width:134px;height:134px;place-items:center;border-radius:50%;background:conic-gradient(var(--yellow) 0 34%,var(--blue) 34% 57%,var(--green) 57% 68%,var(--orange) 68% 86%,var(--purple) 86% 100%)}.donut-chart:before{position:absolute;width:82px;height:82px;border-radius:50%;background:#fff;content:""}.donut-chart span{position:relative;display:flex;flex-direction:column;text-align:center}.donut-chart strong{font-size:12px}.donut-chart small{margin-top:3px;color:#8b928a;font-size:7px}
.chart-legend{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.chart-legend span{display:flex;align-items:center;gap:5px;color:#696f68;font-size:7px}.chart-legend i{width:7px;height:7px;border-radius:2px}.chart-legend b{margin-left:auto;color:#30342f}
.activity-feed{padding:2px 19px 16px}.activity-feed>div{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2ee}.activity-feed>div:last-child{border:0}.activity-feed>div>i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px #fff5cc}.activity-feed i.sale{background:var(--green);box-shadow:0 0 0 4px #e9f8ef}.activity-feed i.order{background:var(--blue);box-shadow:0 0 0 4px #eaf1ff}.activity-feed i.quote{background:var(--orange)}.activity-feed i.stock{background:var(--purple)}.activity-feed>div>span{display:flex;flex-direction:column}.activity-feed strong{font-size:8px;line-height:1.4}.activity-feed small{margin-top:3px;color:#9aa099;font-size:7px}
.dashboard-lower{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:10px;margin-top:10px}.table-scroll{overflow:auto}
table{width:100%;border-collapse:collapse}th{padding:10px 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbf9;color:#8b918a;font-size:7px;font-weight:850;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}td{padding:12px 13px;border-bottom:1px solid #eef0ec;color:#5c635b;font-size:8px}tbody tr{transition:.16s}tbody tr[data-href],.product-table tbody tr{cursor:pointer}tbody tr:hover{background:#fcfcfa}.code{color:#20231f;font-size:8px;font-weight:850;white-space:nowrap}.primary-cell,.product-name-cell>div{display:flex;flex-direction:column}.primary-cell strong,.product-name-cell strong{color:#30342f;font-size:8px}.primary-cell small,.product-name-cell small{margin-top:3px;color:#949a93;font-size:7px}.money{color:#252925;font-weight:800;white-space:nowrap}.money.muted{color:#7b827a;font-weight:600}
.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px;background:#f0f2ee;color:#666d65;font-size:7px;font-weight:800;white-space:nowrap}.status:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}.status.ready,.status.delivered,.status.active,.status.paid,.status.completed,.status.received{background:#e9f8ef;color:#188953}.status.analysis,.status.repair,.status.sent,.status.sale{background:#eaf1ff;color:#3772d5}.status.waiting_approval,.status.draft,.status.open{background:#fff6cf;color:#9d7600}.status.waiting_parts,.status.ordered,.status.partial,.status.supply{background:#fff0df;color:#cf721d}.status.cancelled,.status.overdue,.status.inactive,.status.withdrawal,.status.expense,.status.refund{background:#ffeded;color:#d24444}.status.viewed{background:#f0ebff;color:#6c4bd1}.status.approved{background:#e9f8ef;color:#188953}
.cash-summary>div{padding:3px 19px 19px}.cash-summary>div>small{color:#8c938b;font-size:8px}.cash-summary>div>strong{display:block;margin:7px 0 17px;font-size:25px;letter-spacing:-1.2px}.cash-summary p{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:8px}.cash-summary p b{color:var(--green)}.payment-pills{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 17px}.payment-pills span{padding:5px 6px;border-radius:6px;background:#f3f5f1;color:#656c64;font-size:7px}.cash-summary .button{width:100%}
.mobile-nav,.sidebar-overlay{display:none}

/* Toolbars, forms and dialogs */
.module-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:13px;padding:8px;border:1px solid var(--line);border-radius:13px;background:#fff}.view-switch{display:flex;padding:3px;border-radius:8px;background:#f3f5f1}.view-switch button{display:flex;height:29px;align-items:center;gap:5px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#777e76;font-size:8px}.view-switch button.active{background:#fff;color:#1d201c;box-shadow:0 3px 9px rgba(25,32,22,.09);font-weight:800}
.toolbar-search,.data-toolbar>label{display:flex;height:35px;min-width:240px;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:9px}.toolbar-search input,.data-toolbar input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:8px}.toolbar-search button{border:0;background:transparent;color:#9c7800;font-size:8px;font-weight:800}
.filter-pills{display:flex;flex:1;gap:5px;overflow:auto}.filter-pills a,.filter-pills button{min-height:29px;padding:0 10px;border:1px solid var(--line);border-radius:20px;background:#fff;color:#767d75;font-size:7px;white-space:nowrap}.filter-pills .active{border-color:#ead589;background:#fff8d8;color:#886800;font-weight:800}
.kanban{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:9px;overflow:auto;padding-bottom:10px}.kanban-column{min-height:590px;border:1px solid var(--line);border-radius:14px;background:#f2f4f0}.kanban-column>header{display:flex;height:45px;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line)}.kanban-column>header span{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:850}.kanban-column>header span i{width:7px;height:7px;border-radius:50%;background:var(--blue)}.kanban-column.waiting_approval>header span i{background:var(--yellow)}.kanban-column.waiting_parts>header span i{background:var(--orange)}.kanban-column.repair>header span i{background:var(--purple)}.kanban-column.ready>header span i{background:var(--green)}.kanban-column>header b{display:grid;width:21px;height:21px;place-items:center;border-radius:7px;background:#fff;color:#6c736b;font-size:7px}.kanban-column>div{padding:7px}
.os-card{display:block;margin-bottom:7px;padding:12px;border:1px solid #e1e4df;border-radius:12px;background:#fff;box-shadow:0 5px 14px rgba(27,34,24,.035);transition:.18s}.os-card:hover{border-color:#d5d9d2;box-shadow:0 10px 25px rgba(28,36,25,.08);transform:translateY(-1px)}.os-card-head{display:flex;align-items:center;justify-content:space-between}.os-card h3{margin:12px 0 4px;font-size:10px}.os-card>p{min-height:29px;margin:0;color:#747b73;font-size:8px;line-height:1.5}.os-person{display:flex;align-items:center;gap:7px;margin-top:13px;padding-top:10px;border-top:1px solid var(--line)}.os-person>span{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#f0f2ee;font-size:7px;font-weight:800}.os-person>div{display:flex;flex-direction:column}.os-person strong{font-size:7px}.os-person small{margin-top:2px;color:#989e97;font-size:6px}.os-meta,.os-card footer{display:flex;align-items:center;justify-content:space-between}.os-meta{margin:11px 0;color:#979d96;font-size:6px}.os-meta b{color:#b76f1e}.os-card footer{padding-top:10px;border-top:1px solid var(--line)}.os-card footer strong{font-size:10px}.os-card footer span{color:#9a7600;font-size:7px;font-weight:800}.add-card{display:flex;width:100%;height:34px;align-items:center;justify-content:center;gap:6px;border:1px dashed #cdd2cb;border-radius:9px;background:transparent;color:#7b827a;font-size:8px}
.table-action{color:#9c7800;font-weight:800}.table-menu{display:grid;width:27px;height:27px;place-items:center;border:0;border-radius:7px;background:transparent;color:#8f968e}.table-menu:hover{background:#f1f3ef}
.app-dialog{width:min(860px,calc(100vw - 30px));max-height:92vh;padding:0;border:0;border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(13,17,12,.25)}.app-dialog::backdrop{background:rgba(19,22,18,.55);backdrop-filter:blur(4px)}.app-dialog>form>header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}.app-dialog h2{margin:4px 0 0;font-size:19px;letter-spacing:-.7px}.app-dialog>form>header button{display:grid;width:33px;height:33px;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff}.dialog-content{max-height:calc(92vh - 150px);overflow:auto;padding:0 24px}.app-dialog>form>footer,.order-form>footer{display:flex;justify-content:flex-end;gap:7px;padding:15px 24px;border-top:1px solid var(--line);background:#fafbf9}
.form-section{padding:20px 0;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0}.form-title{display:flex;align-items:center;gap:9px;margin-bottom:15px}.form-title>b{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#fff3bd;color:#8e6c00;font-size:8px}.form-title>span{display:flex;flex-direction:column}.form-title strong{font-size:10px}.form-title small{margin-top:3px;color:#929890;font-size:7px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid .full{grid-column:1/-1}.form-grid .span-2{grid-column:span 2}.form-grid label,.padded-form label{display:flex;flex-direction:column;gap:6px}.form-grid label>span,.padded-form label>span{color:#6f766e;font-size:8px;font-weight:750}.form-grid input,.form-grid select,.form-grid textarea,.padded-form input,.padded-form textarea,.padded-form select{width:100%;min-height:41px;padding:10px 11px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;outline:0;font-size:9px;transition:.16s}.form-grid textarea,.padded-form textarea{min-height:75px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.padded-form input:focus,.padded-form textarea:focus{border-color:#d7aa12;box-shadow:0 0 0 3px rgba(255,196,0,.1)}.top-gap{margin-top:13px}.checklist-chips{display:flex;flex-wrap:wrap;gap:6px}.checklist-chips input{position:absolute;opacity:0}.checklist-chips span{display:flex;min-height:31px;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:#727970;font-size:8px;cursor:pointer}.checklist-chips input:checked+span{border-color:#d8a900;background:#fff5c8;color:#795c00;font-weight:800}.terms-note,.document-preview-note{display:flex;align-items:center;gap:10px;margin-top:13px;padding:12px;border:1px solid #f0df99;border-radius:10px;background:#fff9df}.terms-note>i,.document-preview-note>i{color:#a87f00;font-size:20px}.terms-note span,.document-preview-note span{display:flex;flex-direction:column}.terms-note strong,.document-preview-note strong{font-size:8px}.terms-note small,.document-preview-note small{margin-top:2px;color:#877d58;font-size:7px}

/* Order detail */
.back-link{display:flex;align-items:center;gap:5px;margin-bottom:10px;color:#828980;font-size:8px;font-weight:700}.order-detail-head{align-items:center}.order-detail-head h1{display:inline-block;margin-right:9px}.order-layout{display:grid;grid-template-columns:230px minmax(410px,1fr) 230px;gap:10px}.device-summary{padding:16px}.device-image{display:grid;height:150px;place-items:center;border-radius:13px;background:radial-gradient(circle at 50% 0,#fff5c5,#f5f6f2 65%);color:#9b7800}.device-image i{font-size:57px}.device-image span{margin-top:-35px;font-size:7px}.device-summary h2{margin:16px 0 3px;font-size:14px}.device-summary>p{margin:0 0 13px;color:#8b928a;font-size:8px}.device-summary dl{margin:0}.device-summary dl>div{padding:9px 0;border-top:1px solid var(--line)}.device-summary dt{color:#929990;font-size:7px}.device-summary dd{margin:3px 0 0;font-size:8px;font-weight:750;line-height:1.45}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.photo-grid span{display:grid;height:52px;place-items:center;border:1px dashed #d8dcd6;border-radius:8px;background:#fafbf9;color:#9da39c}
.order-form-content{padding:0 19px 19px}.visual-checklist{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:16px}.visual-checklist span{display:flex;min-height:35px;align-items:center;gap:5px;padding:7px;border-radius:8px;background:#eef8f1;color:#35724e;font-size:7px}.visual-checklist span.warning{background:#fff2e5;color:#a86420}.order-values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.order-values span{padding:11px;border:1px solid var(--line);border-radius:9px}.order-values small{display:block;color:#8c938b;font-size:7px}.order-values strong{display:block;margin-top:5px;font-size:11px}.signature-box{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:14px;border:1px dashed #d8dcd6;border-radius:10px;color:#8a9189;font-size:8px}.signature-box strong{font-family:cursive;color:#555c54;font-size:13px;font-weight:500}.timeline-panel{padding-bottom:16px}.order-timeline{padding:0 18px}.order-timeline>div{position:relative;display:flex;gap:9px;min-height:44px}.order-timeline>div:not(:last-child):after{position:absolute;top:22px;bottom:0;left:10px;width:1px;background:#e3e6e0;content:""}.order-timeline>div.complete:not(:last-child):after{background:#9fd7b8}.order-timeline i{position:relative;z-index:1;display:grid;width:21px;height:21px;place-items:center;border:2px solid #dfe3dd;border-radius:50%;background:#fff;color:#a0a69f;font-size:7px;font-style:normal}.order-timeline .complete i{border-color:#55b983;background:#eaf8f0;color:#178451}.order-timeline span{display:flex;flex-direction:column}.order-timeline strong{font-size:8px}.order-timeline small{margin-top:3px;color:#989e97;font-size:7px}.deadline{display:flex;align-items:center;gap:9px;margin:8px 15px;padding:11px;border-radius:10px;background:#fff7d8}.deadline>i{color:#a77e00;font-size:18px}.deadline span{display:flex;flex-direction:column}.deadline small{font-size:7px}.deadline strong{margin-top:3px;font-size:8px}.event-list{margin:12px 16px 0;padding-top:11px;border-top:1px solid var(--line)}.event-list>strong{font-size:8px}.event-list p{display:flex;flex-direction:column;margin:8px 0;color:#666d65;font-size:7px}.event-list small{margin-top:2px;color:#9da39c}

/* Products and data pages */
.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:10px}.summary-strip article{display:flex;align-items:center;gap:11px;min-height:92px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.summary-icon{width:38px;height:38px;font-size:18px}.summary-strip article>div{display:flex;flex-direction:column}.summary-strip small{color:#858c84;font-size:7px}.summary-strip strong{margin:4px 0 2px;font-size:16px;letter-spacing:-.5px}.summary-strip article span:last-child{color:#a0a69f;font-size:7px}.data-panel{overflow:hidden}.data-toolbar{display:flex;align-items:center;gap:9px;padding:12px}.data-toolbar>label{flex:0 1 340px}.product-name-cell{display:flex;align-items:center;gap:9px;min-width:180px}.product-name-cell>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#fff6d4;color:#a78000;font-size:18px}.product-name-cell>span.accessory{background:#eaf2ff;color:#3574d9}.product-name-cell>span.part{background:#f0ebff;color:#6c4bd1}.product-name-cell>span.service{background:#e9f8ef;color:#188953}.stock-level{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:700;white-space:nowrap}.stock-level i{width:6px;height:6px;border-radius:50%;background:var(--green)}.stock-level.low{color:#d24d45}.stock-level.low i{background:var(--red)}.soft-badge{display:inline-flex;padding:5px 7px;border-radius:7px;background:#f1f3ef;font-size:7px;font-weight:750}.imei-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#333732;font-size:8px;font-weight:700}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;color:#8d948c;font-size:7px}.table-footer div{display:flex;gap:4px}.table-footer button{display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:7px}.table-footer button.active{border-color:#e4c450;background:#fff6ce;color:#806200}.table-empty{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.table-empty>i,.table-empty>span{display:grid;width:50px;height:50px;place-items:center;border-radius:15px;background:#fff5cb;color:#aa8100;font-size:23px}.table-empty strong{margin-top:13px;font-size:11px}.table-empty p{margin:5px 0 13px;color:#8f968e;font-size:8px}
.product-type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:20px 0 0}.product-type-selector input{position:absolute;opacity:0}.product-type-selector span{display:flex;height:70px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:11px;color:#747b73;cursor:pointer}.product-type-selector i{font-size:20px}.product-type-selector b{font-size:8px}.product-type-selector input:checked+span{border-color:#dcb01f;background:#fff8dc;color:#866600;box-shadow:inset 0 0 0 1px #f2d56d}

/* POS */
.pos-page{height:calc(100vh - 66px);padding-bottom:14px;overflow:hidden}.pos-head{height:65px;margin-bottom:10px}.pos-head h1{font-size:22px}.register-state{display:flex;align-items:flex-end;flex-direction:column}.register-state>span{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:800}.register-state>span i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #e7f8ee}.register-state small{margin-top:4px;color:#8e958d;font-size:7px}.pos-layout{display:grid;height:calc(100% - 75px);grid-template-columns:minmax(0,1fr) 355px;gap:10px}.pos-catalog,.pos-checkout{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.pos-catalog{display:flex;min-width:0;flex-direction:column;padding:12px;overflow:hidden}.pos-search{display:flex;height:45px;align-items:center;gap:9px;padding:0 13px;border:1px solid #dfe3dd;border-radius:11px;background:#f9faf8}.pos-search>i{font-size:18px}.pos-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:10px}.pos-search>span{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:#eef8f1;color:#28825a;font-size:7px}.pos-filters{display:flex;gap:5px;padding:10px 0;overflow:auto}.pos-filters button{display:flex;min-height:32px;align-items:center;gap:5px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#70776f;font-size:8px}.pos-filters button.active{border-color:#e3bd35;background:#fff5c8;color:#806100;font-weight:800}.catalog-head{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 10px}.catalog-head>div{display:flex;align-items:baseline;gap:7px}.catalog-head strong{font-size:10px}.catalog-head span{color:#969c95;font-size:7px}.catalog-head button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#767d75;font-size:7px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:7px;overflow:auto;padding:1px 3px 10px 1px}.product-card{position:relative;display:grid;min-height:93px;grid-template-columns:65px minmax(0,1fr);grid-template-rows:1fr auto;gap:0 10px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;transition:.17s}.product-card:hover{border-color:#e0b72c;box-shadow:0 9px 23px rgba(44,37,14,.08);transform:translateY(-1px)}.product-visual{display:grid;grid-row:1/3;place-items:center;border-radius:9px;background:linear-gradient(145deg,#fff8d9,#f5e7a8);color:#9c7800}.product-visual i{font-size:28px}.product-visual small{align-self:start;margin-top:-10px;font-size:6px;font-weight:800}.product-visual.accessory{background:#edf3ff;color:#3975d5}.product-visual.part{background:#f2edff;color:#6d4ed2}.product-visual.service{background:#eaf8ef;color:#1d8d58}.product-copy{display:flex;min-width:0;flex-direction:column}.product-copy>small{color:#9aa099;font-size:6px;text-transform:uppercase}.product-copy>strong{overflow:hidden;margin:5px 0 3px;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.product-copy>span{overflow:hidden;color:#888f87;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.product-price{display:flex;align-items:flex-end;justify-content:space-between}.product-price strong{font-size:9px}.product-price small{color:#30905f;font-size:6px}.product-add{position:absolute;top:7px;right:7px;display:grid;width:19px;height:19px;place-items:center;border-radius:6px;background:#fff3ba;color:#916e00;font-size:10px;opacity:0;transition:.15s}.product-card:hover .product-add{opacity:1}.catalog-empty{grid-column:1/-1;display:flex;min-height:330px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.catalog-empty>i{display:grid;width:58px;height:58px;place-items:center;border-radius:17px;background:#fff4c1;color:#a27a00;font-size:28px}.catalog-empty strong{margin-top:15px;font-size:13px}.catalog-empty p{margin:6px 0 14px;color:#8c938b;font-size:8px}
.pos-checkout{display:flex;min-height:0;flex-direction:column;overflow:hidden}.pos-checkout>header{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line)}.pos-checkout h2{margin:3px 0 0;font-size:14px}.pos-checkout h2 b{color:#a67d00;font-size:8px}.pos-checkout>header button{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:8px;background:#fff0f0;color:#c94a46}.customer-picker{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;margin:10px 12px 0;padding:8px;border:1px solid var(--line);border-radius:10px}.customer-picker>i:first-child{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#f0f2ee;font-size:17px}.customer-picker>span{display:flex;flex-direction:column}.customer-picker small{color:#939a92;font-size:6px}.customer-picker input{padding:1px 0;border:0;outline:0;background:transparent;font-size:8px;font-weight:800}.customer-picker>i:last-child{color:#9ba199}.cart-items{min-height:120px;flex:1;overflow:auto;padding:8px 12px}.cart-empty{display:flex;height:100%;min-height:160px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.cart-empty>span{display:grid;width:47px;height:47px;place-items:center;border-radius:15px;background:#f5f6f3;color:#999f98;font-size:23px}.cart-empty strong{margin-top:10px;font-size:9px}.cart-empty p{max-width:210px;margin:4px 0;color:#999f98;font-size:7px;line-height:1.5}.cart-line{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.cart-line>span:first-child{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;background:#fff5c9;color:#9b7600;font-size:17px}.cart-line-copy{display:flex;min-width:0;flex-direction:column}.cart-line-copy strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.cart-line-copy small{margin-top:3px;color:#8e958d;font-size:7px}.qty-control{display:flex;align-items:center;gap:7px;margin-top:6px}.qty-control button{display:grid;width:20px;height:20px;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff}.qty-control b{font-size:8px}.cart-line-total{display:flex;align-items:flex-end;flex-direction:column;justify-content:space-between}.cart-line-total strong{font-size:8px}.cart-line-total button{border:0;background:transparent;color:#b1b6b0}.sale-adjustments{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 12px;border-top:1px solid var(--line)}.sale-adjustments button{display:flex;min-height:42px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#737a72;font-size:6px}.sale-adjustments i{font-size:14px}.totals{padding:7px 13px;border-top:1px solid var(--line)}.totals p{display:flex;justify-content:space-between;margin:6px 0;color:#777e76;font-size:7px}.totals .discount{color:#44956a}.totals .total{align-items:center;margin-top:9px;padding-top:9px;border-top:1px dashed #d9ddd7;color:#232622;font-size:9px}.totals .total strong{font-size:18px;letter-spacing:-.7px}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0;padding:8px 12px 9px;border:0;border-top:1px solid var(--line)}.payment-methods legend{padding:8px 0 0;font-size:7px;font-weight:800}.payment-methods input{position:absolute;opacity:0}.payment-methods label>span{display:flex;height:50px;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--line);border-radius:8px;color:#777e76;cursor:pointer}.payment-methods label.active>span,.payment-methods input:checked+span{border-color:#dfb52c;background:#fff7d4;color:#7d6000}.payment-methods i{font-size:15px}.payment-methods b{margin-top:2px;font-size:7px}.payment-methods small{font-size:6px}.finish-sale{display:flex;min-height:56px;align-items:center;justify-content:space-between;margin:0 12px 7px;padding:0 17px;border:0;border-radius:11px;background:linear-gradient(135deg,#ffd629,#f6b900);box-shadow:0 10px 24px rgba(235,176,0,.25);font-weight:800}.finish-sale:disabled{filter:grayscale(.65);opacity:.55;cursor:not-allowed}.finish-sale>span{display:flex;align-items:flex-start;flex-direction:column}.finish-sale small{font-size:7px}.finish-sale strong{margin-top:2px;font-size:12px}.finish-sale>i{font-size:18px}.pos-shortcuts{display:flex;justify-content:center;gap:11px;padding:4px 0 8px;color:#9da39c;font-size:6px}.pos-shortcuts kbd{color:#777e76;font-size:6px}

/* Modules, settings and auth */
.finance-overview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:10px;margin-bottom:10px}.finance-chart{min-height:315px}.positive{color:var(--green)}.negative{color:var(--red)}.finance-bars{display:flex;height:180px;align-items:flex-end;gap:15px;margin:15px 22px 0;padding-top:7px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#eef0ec 0,#eef0ec 1px,transparent 1px,transparent 43px)}.finance-bars>div{display:grid;height:100%;flex:1;grid-template-rows:1fr 21px;text-align:center}.finance-bars>div>span{display:flex;align-items:flex-end;justify-content:center;gap:4px}.finance-bars i,.finance-bars b{width:18%;min-width:12px;border-radius:4px 4px 0 0;background:#34a16b}.finance-bars b{background:#f0a05b}.finance-bars small{padding-top:6px;color:#8e958d;font-size:7px}.due-list{padding:0 17px}.due-list p{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;margin:0;padding:12px 0;border-bottom:1px solid var(--line)}.due-list p>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#fff5cb;color:#977200;font-size:15px}.due-list p>span{display:flex;flex-direction:column}.due-list strong,.due-list b{font-size:8px}.due-list small{margin-top:3px;color:#949a93;font-size:7px}.due-card>.button{margin:15px 17px;width:calc(100% - 34px)}.cash-overview{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin-bottom:10px}.cash-hero{display:grid;grid-template-columns:1fr auto;gap:12px;padding:19px;background:linear-gradient(135deg,#1d211c,#292f27);color:#fff}.cash-open{grid-column:1/-1;display:flex;align-items:center;gap:6px;color:#b9c0b7;font-size:7px}.cash-open i{width:7px;height:7px;border-radius:50%;background:#4ed58f}.cash-hero>div>small{color:#aeb6ac;font-size:7px}.cash-hero>div>strong{display:block;margin:6px 0;font-size:28px;letter-spacing:-1px}.cash-hero>div>p{margin:0;color:#9ea69c;font-size:7px}.cash-actions{display:flex!important;align-items:flex-end;gap:5px}.payment-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 17px 17px}.payment-breakdown>span{display:flex;min-height:100px;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--line);border-radius:11px}.payment-breakdown i{color:#aa8100;font-size:22px}.payment-breakdown b{margin:6px 0 3px;font-size:7px}.payment-breakdown strong{font-size:10px}.payment-breakdown small{margin-top:3px;color:#8f968e;font-size:6px}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.report-card{display:grid;min-height:115px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;transition:.18s}.report-card:hover{border-color:#e2bb35;box-shadow:var(--shadow);transform:translateY(-2px)}.report-card>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#fff5cb;color:#a07900;font-size:20px}.report-card>div{display:flex;flex-direction:column}.report-card strong{font-size:10px}.report-card small{margin-top:5px;color:#8a9189;font-size:7px;line-height:1.5}.report-card>i{color:#a1a79f}
.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:10px}.settings-nav{position:sticky;top:82px;padding:8px}.settings-nav>button{display:flex;width:100%;height:39px;align-items:center;gap:8px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#717870;font-size:8px;text-align:left}.settings-nav>button i{font-size:15px}.settings-nav>button.active{background:#fff5c8;color:#7d6000;font-weight:800}.settings-nav>div{display:flex;gap:8px;margin-top:9px;padding:11px;border-radius:9px;background:#f4f6f2;color:#737a72}.settings-nav>div>i{font-size:16px}.settings-nav p{margin:0;font-size:7px;line-height:1.55}.settings-content{display:grid;gap:10px}.company-identity{overflow:hidden}.company-logo-upload{display:flex;align-items:center;gap:14px;margin:0 19px 16px;padding:14px;border:1px dashed #d8ddd5;border-radius:11px}.company-logo-upload>span{display:grid;width:62px;height:62px;place-items:center;border-radius:16px;background:linear-gradient(145deg,#ffd529,#f1b600);font-size:25px;font-weight:900}.company-logo-upload>div{display:flex;align-items:flex-start;flex-direction:column}.company-logo-upload strong{font-size:9px}.company-logo-upload small{margin:3px 0 8px;color:#8f968e;font-size:7px}.company-logo-upload button{padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:7px;font-weight:700}.company-identity>.form-grid{padding:0 19px 19px}.padded-form{padding:0 19px 19px}.padded-form.form-grid{display:grid}.sticky-save{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #ddd29c;border-radius:12px;background:rgba(255,252,236,.94);box-shadow:0 15px 40px rgba(35,30,12,.14);backdrop-filter:blur(12px)}.sticky-save>span{display:flex;align-items:center;gap:7px;color:#74652c;font-size:8px}.sync-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dbe7de;border-radius:11px;background:#f1faf4}.sync-chip>i{color:#278758;font-size:20px}.sync-chip>span{display:flex;flex-direction:column}.sync-chip strong{font-size:8px}.sync-chip small{margin-top:3px;color:#6c8c78;font-size:7px}
.login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(430px,1.05fr) minmax(420px,.95fr);background:#fff}.login-visual{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:52px clamp(36px,6vw,92px);background:radial-gradient(circle at 78% 82%,rgba(255,196,0,.18),transparent 32%),#171a16;color:#fff}.login-brand{position:relative;z-index:2}.login-visual .brand-copy strong{color:#fff}.login-message{position:relative;z-index:2;margin:auto 0 30px;max-width:600px}.login-message h1{margin:12px 0 18px;font-size:clamp(39px,4.4vw,66px);line-height:1.03;letter-spacing:-3px}.login-message p{max-width:520px;margin:0;color:#b8c0b7;font-size:13px;line-height:1.7}.login-preview{position:relative;z-index:2;max-width:580px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}.preview-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.preview-kpis span{display:flex;flex-direction:column;padding:12px;border-radius:10px;background:rgba(255,255,255,.07)}.preview-kpis small{color:#aab2a8;font-size:8px}.preview-kpis strong{margin-top:5px;font-size:15px}.preview-chart{display:flex;height:100px;align-items:flex-end;gap:7px;margin-top:13px;padding:12px 12px 0;border-radius:10px;background:rgba(255,255,255,.035)}.preview-chart i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#ffd72d,#e8ae00)}.login-orbit{position:absolute;right:-250px;bottom:-300px;width:700px;height:700px;border:1px solid rgba(255,196,0,.18);border-radius:50%}.login-orbit:after{position:absolute;inset:85px;border:1px solid rgba(255,196,0,.1);border-radius:50%;content:""}.login-panel{display:grid;place-items:center;padding:35px}.login-card{width:min(380px,100%)}.mobile-login-brand{display:none}.login-card h2{margin:7px 0 6px;font-size:28px;letter-spacing:-1.2px}.login-card>p{margin:0 0 23px;color:#7d847c;font-size:10px}.form-alert{display:flex;align-items:center;gap:7px;margin-bottom:15px;padding:10px 12px;border:1px solid #f0c7c3;border-radius:9px;background:#fff3f2;color:#9e4038;font-size:8px}.login-form{display:grid;gap:13px}.login-form>label>span{display:block;margin-bottom:6px;color:#676e66;font-size:8px;font-weight:750}.login-form>label>div{display:flex;height:44px;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line-strong);border-radius:10px}.login-form>label>div:focus-within{border-color:#d2a500;box-shadow:0 0 0 3px rgba(255,196,0,.1)}.login-form i{color:#899087;font-size:15px}.login-form input{min-width:0;flex:1;border:0;outline:0}.login-form label button{border:0;background:transparent}.login-options{display:flex;align-items:center;justify-content:space-between;color:#7e857d;font-size:8px}.login-options label{display:flex;align-items:center;gap:6px}.login-options input{accent-color:#d7a700}.login-options a{color:#9d7800;font-weight:750}.login-button{height:47px;margin-top:3px;font-size:9px}.login-help{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px;border-radius:10px;background:#f4f6f2}.login-help>i{color:#278858;font-size:19px}.login-help>span{display:flex;flex-direction:column}.login-help strong{font-size:8px}.login-help small{margin-top:3px;color:#818880;font-size:7px;line-height:1.45}

/* Printable documents */
.print-shell{min-height:100vh;padding:30px;background:#e9ece7}.print-actions{display:flex;max-width:900px;justify-content:flex-end;gap:7px;margin:0 auto 12px}.print-actions button{display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #d9ddd7;border-radius:9px;background:#fff;font-size:9px;font-weight:800}.print-document{max-width:900px;min-height:1180px;margin:auto;padding:44px 50px;background:#fff;box-shadow:0 18px 60px rgba(25,31,23,.12)}.print-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:24px;border-bottom:2px solid #1c1f1b}.print-brand{display:flex;align-items:center;gap:12px}.print-brand>span{display:grid;width:47px;height:47px;place-items:center;border-radius:12px;background:var(--yellow);font-size:23px;font-weight:900}.print-brand>div,.print-company{display:flex;flex-direction:column}.print-brand strong{font-size:16px}.print-brand small,.print-company span{margin-top:3px;color:#6f766e;font-size:8px}.print-company{align-items:flex-end;text-align:right}.print-company strong{font-size:8px}.print-title{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.print-title span{color:#8b928a;font-size:8px;font-weight:800;text-transform:uppercase}.print-title h1{margin:4px 0 0;font-size:28px}.print-title>div:last-child{display:flex;align-items:flex-end;flex-direction:column}.print-title>div:last-child strong{margin:4px 0 6px;font-size:9px}.print-section{margin-bottom:19px;border:1px solid #e0e4de;border-radius:12px;overflow:hidden}.print-section h2{margin:0;padding:10px 13px;background:#f5f6f3;font-size:9px;text-transform:uppercase}.print-grid{display:grid;grid-template-columns:repeat(2,1fr)}.print-grid>div{display:flex;min-height:64px;flex-direction:column;padding:13px;border-right:1px solid #ecefeb;border-bottom:1px solid #ecefeb}.print-grid>div:nth-child(even){border-right:0}.print-grid small,.print-notes small,.print-values small{color:#8a9189;font-size:7px}.print-grid strong{margin-top:5px;font-size:9px}.print-notes{display:grid;grid-template-columns:repeat(2,1fr)}.print-notes>div{min-height:90px;padding:13px;border-right:1px solid #ecefeb;border-bottom:1px solid #ecefeb}.print-notes>div:nth-child(even){border-right:0}.print-notes p{margin:6px 0 0;font-size:8px;line-height:1.55}.print-values{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:19px;border:1px solid #dfe3dd;border-radius:12px;overflow:hidden}.print-values>div{display:flex;min-height:67px;justify-content:center;flex-direction:column;padding:13px;border-right:1px solid #e6e9e4}.print-values>div:last-child{border:0}.print-values strong{margin-top:5px;font-size:11px}.print-values .total{background:#fff6ca}.print-terms{padding:14px;border:1px solid #e0e4de;border-radius:12px}.print-terms h2{margin:0 0 7px;font-size:9px}.print-terms p{margin:0;color:#666d65;font-size:7px;line-height:1.65}.print-signatures{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:60px 50px 40px}.print-signatures>div{display:flex;align-items:center;flex-direction:column;text-align:center}.print-signatures span{width:100%;border-top:1px solid #555}.print-signatures strong{margin-top:7px;font-size:8px}.print-signatures small{margin-top:2px;color:#8b928a;font-size:7px}.print-footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #e0e4de;color:#8a9189;font-size:7px}

@media(max-width:1260px){
  .dashboard-analytics{grid-template-columns:1.5fr .85fr}.activity-panel{grid-column:1/-1;min-height:auto!important}.activity-feed{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.activity-feed>div{border:0}
  .order-layout{grid-template-columns:210px minmax(400px,1fr)}.timeline-panel{grid-column:1/-1}.order-timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.order-timeline>div{min-height:auto}.order-timeline>div:not(:last-child):after{top:10px;right:-6px;bottom:auto;left:21px;width:auto;height:1px}.product-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}
}
@media(max-width:1020px){
  :root{--sidebar:220px}.topbar{grid-template-columns:auto minmax(160px,1fr) auto;padding:0 18px}.breadcrumbs{display:none}.page{padding:24px 18px 78px}.kpi-grid,.summary-strip{grid-template-columns:repeat(2,1fr)}.dashboard-lower{grid-template-columns:1fr}.cash-summary{display:grid;grid-template-columns:1fr 1fr}.cash-summary>div{padding-top:18px}.new-sale{font-size:0}.new-sale i{font-size:15px}.top-user>span:nth-child(2),.top-user>i{display:none}.module-toolbar{flex-wrap:wrap}.toolbar-search{flex:1}.filter-pills{order:3;flex-basis:100%}.pos-layout{grid-template-columns:minmax(0,1fr) 320px}.order-layout{grid-template-columns:1fr}.device-summary{display:grid;grid-template-columns:170px 1fr;gap:0 16px}.device-image{grid-row:1/6}.device-summary h2,.device-summary>p,.device-summary dl,.photo-grid{grid-column:2}.photo-grid{grid-template-columns:repeat(4,1fr)}.settings-layout{grid-template-columns:180px 1fr}
}
@media(max-width:760px){
  body{background:#fff}.sidebar{width:min(290px,86vw);transform:translateX(-102%);box-shadow:20px 0 55px rgba(18,22,17,.18);transition:.24s ease}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.sidebar-overlay{position:fixed;inset:0;z-index:35;background:rgba(20,23,19,.45);backdrop-filter:blur(2px)}.sidebar.open~.sidebar-overlay,.sidebar-overlay.open{display:block}.content{margin-left:0}.topbar{height:58px;grid-template-columns:auto 1fr auto;gap:10px;padding:0 12px}.menu-button{display:grid}.global-search{height:36px}.global-search kbd{display:none}.top-user,.notification-button{display:none}.page{padding:19px 12px 82px}.page-head{align-items:flex-start;flex-direction:column;gap:14px}.page-head h1{font-size:23px}.page-actions{width:100%;justify-content:flex-start}.mobile-nav{position:fixed;right:9px;bottom:8px;left:9px;z-index:32;display:grid;height:59px;grid-template-columns:repeat(5,1fr);align-items:center;padding:0 7px;border:1px solid rgba(220,224,218,.9);border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 12px 40px rgba(22,29,19,.15);backdrop-filter:blur(16px)}.mobile-nav>a,.mobile-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;background:transparent;color:#7e857d;font-size:7px}.mobile-nav i{font-size:17px}.mobile-nav .active{color:#9c7600}.mobile-nav .mobile-add{position:relative;width:43px;height:43px;justify-self:center;border-radius:14px;background:var(--yellow);color:#1a1c18;box-shadow:0 8px 18px rgba(232,175,0,.3)}.mobile-nav .mobile-add i{font-size:21px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:7px}.kpi-card{min-height:105px}.dashboard-analytics{grid-template-columns:1fr}.dashboard-analytics>.panel{min-height:auto}.chart-totals{gap:14px}.column-chart{height:150px}.activity-feed{grid-template-columns:1fr 1fr}.dashboard-lower{display:block}.dashboard-lower>.panel{margin-bottom:8px}.cash-summary{display:block}.module-toolbar{align-items:stretch;flex-direction:column}.view-switch{align-self:flex-start}.toolbar-search{min-width:0}.kanban{grid-template-columns:repeat(5,250px)}.form-grid{grid-template-columns:1fr}.form-grid .full,.form-grid .span-2{grid-column:auto}.app-dialog>form>header,.dialog-content,.app-dialog>form>footer{padding-right:16px;padding-left:16px}.app-dialog>form>footer{position:sticky;bottom:0}.order-detail-head .status{margin-top:7px}.order-layout{display:block}.order-layout>*{margin-bottom:8px}.device-summary{display:block}.device-summary h2,.device-summary>p,.device-summary dl,.photo-grid{grid-column:auto}.device-image{height:180px}.visual-checklist{grid-template-columns:1fr 1fr}.order-values{grid-template-columns:1fr}.order-timeline{grid-template-columns:1fr}.order-timeline>div{min-height:44px}.order-timeline>div:not(:last-child):after{top:22px;right:auto;bottom:0;left:10px;width:1px;height:auto}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip article{min-height:80px}.data-toolbar{align-items:stretch;flex-direction:column}.data-toolbar>label{flex-basis:auto;min-width:0}.product-type-selector{grid-template-columns:1fr 1fr}.settings-layout{display:block}.settings-nav{position:static;display:flex;overflow:auto;margin-bottom:8px}.settings-nav>button{min-width:max-content}.settings-nav>div{display:none}.sync-chip{width:100%}.finance-overview,.cash-overview{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr 1fr}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:28px 22px}.mobile-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:45px}.mobile-login-brand strong{font-size:21px}.pos-page{height:auto;overflow:visible}.pos-head{height:auto}.pos-layout{display:flex;height:auto;flex-direction:column}.pos-catalog{height:560px}.pos-checkout{min-height:630px}.product-grid{grid-template-columns:1fr 1fr}.print-shell{padding:0}.print-document{min-height:100vh;padding:25px 20px;box-shadow:none}.print-actions{padding:10px;margin:0}.print-header,.print-title{align-items:flex-start;gap:15px;flex-direction:column}.print-company{align-items:flex-start;text-align:left}.print-grid,.print-notes,.print-values{grid-template-columns:1fr}.print-grid>div,.print-notes>div,.print-values>div{border-right:0}.print-signatures{gap:25px;margin-right:0;margin-left:0}
}
@media(max-width:480px){
  .global-search{display:none}.topbar{grid-template-columns:auto 1fr auto}.top-actions{grid-column:3}.kpi-grid,.summary-strip{grid-template-columns:1fr 1fr}.kpi-card>strong{font-size:17px}.chart-totals{display:grid;grid-template-columns:1fr 1fr}.chart-key{display:none!important}.activity-feed{grid-template-columns:1fr}.cash-summary{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-card{min-height:90px}.report-grid{grid-template-columns:1fr}.cash-actions{align-items:stretch!important;flex-direction:column}.cash-hero{grid-template-columns:1fr}.cash-open{grid-column:auto}.order-form>footer{flex-direction:column}.order-form>footer .button{width:100%}.payment-breakdown{grid-template-columns:1fr}.company-logo-upload{align-items:flex-start}.pos-checkout{min-height:650px}
}
@media print{
  @page{size:A4;margin:9mm}.no-print{display:none!important}.print-shell{padding:0;background:#fff}.print-document{max-width:none;min-height:0;padding:0;box-shadow:none}.print-header{padding-bottom:14px}.print-title{padding:15px 0}.print-section{margin-bottom:11px}.print-grid>div{min-height:50px;padding:9px}.print-notes>div{min-height:65px;padding:9px}.print-values{margin-bottom:11px}.print-values>div{min-height:53px;padding:9px}.print-terms{padding:10px}.print-signatures{margin-top:34px;margin-bottom:20px}
}
.device-image img{width:100%;height:100%;border-radius:13px;object-fit:cover}
.photo-grid span{overflow:hidden}
.photo-grid img{width:100%;height:100%;object-fit:cover}
.product-name-cell>span{overflow:hidden}
.product-name-cell>span img{width:100%;height:100%;object-fit:cover}
.product-visual{overflow:hidden}
.product-visual img{width:100%;height:100%;border-radius:9px;object-fit:cover}
.unlock-entry{display:grid;grid-template-columns:1fr 1.35fr;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fafbf9}.unlock-entry>div{display:flex;align-items:flex-start;flex-direction:column}.unlock-entry span{margin-bottom:7px;color:#6f766e;font-size:8px;font-weight:750}.unlock-entry input[type=text]{width:100%;min-height:41px;padding:10px 11px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;outline:0}.pattern-entry{position:relative}.pattern-lock{display:grid;width:128px;grid-template-columns:repeat(3,34px);gap:8px;padding:4px}.pattern-lock button{position:relative;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:#edf0eb}.pattern-lock button i{width:9px;height:9px;border:2px solid #8e958d;border-radius:50%;background:#fff}.pattern-lock button.selected{background:#fff0a5;box-shadow:0 0 0 2px #f2cc3a}.pattern-lock button.selected i{border-color:#8d6b00;background:#ffc400}.pattern-lock button.selected:after{position:absolute;right:-2px;top:-2px;display:grid;width:15px;height:15px;place-items:center;border-radius:50%;background:#1f221e;color:#fff;font-size:6px;content:attr(data-order)}.pattern-clear{position:absolute;right:0;bottom:4px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#797f78;font-size:7px}.saved-unlock{margin-top:11px;padding:11px;border:1px solid #eadb95;border-radius:10px;background:#fff9df}.saved-unlock>small{color:#7b6e3d;font-size:7px;font-weight:800}.saved-pattern{display:grid;width:86px;grid-template-columns:repeat(3,22px);gap:6px;margin:10px auto 2px}.saved-pattern i{display:grid;width:22px;height:22px;place-items:center;border:1px solid #d7dcd4;border-radius:50%;background:#fff;color:#fff;font-size:6px;font-style:normal}.saved-pattern i.selected{border-color:#d7aa0f;background:#ffc400;color:#312600;font-weight:900;box-shadow:0 0 0 3px #fff1ad}.saved-password{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.saved-password strong{letter-spacing:.15em}.saved-password button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#856600;font-size:7px;font-weight:800}
@media(max-width:760px){.unlock-entry{grid-template-columns:1fr}.pattern-entry{align-items:center!important}.pattern-clear{position:static;margin-top:7px}}
.error-page,.access-blocked-page{display:grid;min-height:calc(100vh - 130px);place-items:center}.error-card,.access-blocked-card{width:min(620px,100%);padding:38px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:var(--shadow);text-align:center}.error-card>span,.blocked-icon{display:grid;width:58px;height:58px;place-items:center;margin:0 auto 17px;border-radius:17px;background:#fff1c2;color:#9c7700;font-size:28px}.error-card h1,.access-blocked-card h1{margin:7px 0 9px;font-size:27px;letter-spacing:-1px}.error-card>p:not(.eyebrow),.access-blocked-card>p{max-width:480px;margin:0 auto 22px;color:#727970;font-size:10px;line-height:1.65}.blocked-points{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 0}.blocked-points span{display:flex;min-height:92px;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--line);border-radius:11px}.blocked-points i{color:#a67e00;font-size:20px}.blocked-points b{margin:6px 0 3px;font-size:8px}.blocked-points small{color:#90978f;font-size:7px}.blocked-actions{display:flex;justify-content:center;gap:7px}@media(max-width:480px){.error-card,.access-blocked-card{padding:26px 18px}.blocked-points{grid-template-columns:1fr}.blocked-actions{flex-direction:column}}