:root{--navy:#202e68;--navy2:#34458d;--accent:#34449a;--bg:#f3f5fa;--surface:#fff;--border:#dfe3ed;--text:#17213c;--muted:#68718a;--success:#168052;--danger:#c64242;--warning:#a56a13;--shadow:0 5px 18px rgba(30,42,91,.06)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}button,.button,input,select,textarea{font:inherit}button,.button{min-height:38px;border:0;border-radius:0;padding:0 18px;background:var(--accent);color:#fff;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:not-allowed}.outline{border:1px solid #d6dcea;background:#fff;color:var(--text)}.danger{background:#c64242;color:#fff}.ghost{background:transparent;color:var(--text);padding:0 9px}.small{min-height:31px;padding:0 11px;font-size:12px}.icon-button{width:34px;min-height:34px;padding:0;font-size:22px;background:transparent;color:var(--muted)}input,select,textarea{width:100%;min-height:38px;border:1px solid #bbc2d0;border-radius:0;padding:7px 10px;background:#fff;color:var(--text);outline:none}textarea{min-height:76px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#4b5aa6;box-shadow:0 0 0 3px rgba(68,83,165,.12)}label{display:flex;flex-direction:column;gap:6px;color:#39425b;font-size:12px;font-weight:650}.app-shell{display:grid;grid-template-columns:245px minmax(0,1fr);grid-template-rows:93px minmax(calc(100vh - 93px),auto);min-height:100vh}.window-header{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px 16px 29px;background:#fff;border-bottom:1px solid var(--border);z-index:3}.window-header>div:first-child{display:flex;flex-direction:column;gap:5px}.window-header strong{font-size:22px;letter-spacing:-.03em}.window-header span{color:var(--muted);font-size:12px}.header-user{display:flex;align-items:center;gap:9px}.header-user b{margin-right:10px;font-size:12px}.sidebar{grid-column:1;grid-row:2;background:var(--navy);color:#fff;display:flex;flex-direction:column;min-height:calc(100vh - 93px);position:sticky;top:0}.sidebar-brand{display:flex;align-items:center;gap:12px;margin:18px 15px 13px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.16)}.sidebar-logo{width:46px;height:46px;border:2px solid rgba(255,255,255,.95);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.sidebar-brand>div:last-child{display:flex;flex-direction:column;gap:4px}.sidebar-brand strong{font-size:13px}.sidebar-brand span{font-size:10px;letter-spacing:.06em}.sidebar nav{display:flex;flex-direction:column;padding:3px 10px;gap:3px}.sidebar nav button{justify-content:flex-start;min-height:42px;padding:0 9px;background:transparent;color:#f0f3ff;font-size:12px;font-weight:500}.sidebar nav button i{width:20px;font-style:normal;text-align:center;font-size:11px}.sidebar nav button.active,.sidebar nav button:hover{background:#435498}.sidebar footer{margin-top:auto;padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:3px;color:#c8d0ff;font-size:9px}.content{grid-column:2;grid-row:2;min-width:0;padding:26px;overflow:auto}.loading{height:350px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.spinner{width:22px;height:22px;border:3px solid #d8ddea;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page{display:flex;flex-direction:column;gap:17px}.page-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px}.page-toolbar h1{margin:0;font-size:20px}.page-toolbar p{margin:5px 0 0;color:var(--muted);font-size:12px}.toolbar-actions{display:flex;flex-wrap:wrap;gap:8px}.card{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.card-header{min-height:55px;padding:12px 17px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px}.card-header h2{margin:0;font-size:15px}.card-header p{margin:4px 0 0;color:var(--muted);font-size:11px}.card-body{padding:17px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric{min-height:110px;padding:17px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#bfc6dd}.metric.accent:before{background:var(--accent)}.metric small{display:block;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.08em}.metric strong{display:block;margin-top:11px;color:#283a89;font-size:23px}.metric span{display:block;margin-top:6px;color:var(--muted);font-size:11px}.split{display:grid;grid-template-columns:minmax(300px,var(--left,65fr)) 12px minmax(260px,var(--right,35fr));min-height:295px}.split.lower{min-height:340px}.split>.card{min-width:0}.split-handle{display:grid;place-items:center;cursor:col-resize;touch-action:none}.split-handle:after{content:"";width:3px;height:50px;border-radius:5px;background:#c8cee0}.split-handle:hover:after{width:6px;background:#5262ad}.chart{height:205px;display:flex;align-items:end;justify-content:space-between;gap:10px;padding:17px}.bar{flex:1;height:100%;display:grid;grid-template-rows:18px 1fr 20px;align-items:end;text-align:center;color:var(--muted);font-size:9px;overflow:hidden}.bar-track{width:min(38px,78%);height:100%;margin:auto;display:flex;align-items:end;background:#edf0f7}.bar-fill{width:100%;min-height:2px;background:linear-gradient(#6676cc,#293c8d)}.cash-status{text-align:center;padding:22px}.cash-status .cash-icon{width:48px;height:48px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#edf0ff;color:#33459b;font-weight:800}.cash-status>strong{display:block;margin:12px 0 3px;color:#2c3e8f;font-size:24px}.cash-status>small{color:var(--muted)}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border);font-size:12px;text-align:left}.summary-row:first-of-type{margin-top:20px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{height:39px;padding:8px 9px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{background:#f7f8fb;color:#52607a;font-weight:700;position:sticky;top:0;z-index:1}tbody tr:hover{background:#f7f9ff}.right{text-align:right}.muted{color:var(--muted)}.bold{font-weight:700}.empty{min-height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12px}.empty b{margin-bottom:5px;color:var(--text);font-size:14px}.badge{display:inline-flex;min-height:22px;align-items:center;padding:2px 8px;border-radius:999px;background:#edf0f4;color:#596176;font-size:10px;font-weight:700}.badge.green{background:#e6f5ed;color:#157d50}.badge.red{background:#feeaea;color:#b43a3a}.badge.orange{background:#fff1dc;color:#956010}.search-row{display:flex;gap:8px}.search-wrap{position:relative;flex:1}.search-wrap:before{content:"⌕";position:absolute;left:11px;top:7px;color:#6e768c;font-size:19px}.search-wrap input{padding-left:34px}.cashier-layout{display:grid;grid-template-columns:minmax(520px,1.3fr) minmax(390px,.9fr);gap:13px;align-items:stretch}.cashier-layout>.card{min-height:590px}.cart-head{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.cart-list{padding:0 12px;max-height:310px;overflow:auto}.cart-line{display:grid;grid-template-columns:24px minmax(90px,1fr) 62px 112px 33px;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid var(--border)}.cart-line .num{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#edf0fb;color:#34458c;font-size:10px;font-weight:800}.cart-line .name{min-width:0}.cart-line .name b,.cart-line .name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-line .name small{margin-top:2px;color:var(--muted);font-size:9px}.cart-line input{min-height:31px;padding:5px 7px;font-size:11px}.cart-summary{margin:13px;padding:13px;background:#f5f6fa}.cart-summary .summary-row{padding:7px 0}.cart-summary .total{font-size:19px;color:#293b89;font-weight:800}.cart-summary button{width:100%;margin-top:8px}.forms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.forms-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(10,17,42,.48)}.modal.open{display:flex}.modal-card{width:min(760px,100%);max-height:92vh;display:flex;flex-direction:column;background:#fff;border:1px solid #cfd5e2;box-shadow:0 25px 60px rgba(6,12,35,.25)}.modal-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px;border-bottom:1px solid var(--border)}.modal-card h2{margin:0;font-size:18px}.modal-card header p{margin:4px 0 0;color:var(--muted);font-size:11px}.modal-card form{display:flex;min-height:0;flex-direction:column}.modal-body{padding:17px;overflow:auto}.modal-card form>footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 17px;border-top:1px solid var(--border)}.confirm-card{width:min(430px,100%);padding:22px;background:#fff;box-shadow:0 25px 60px rgba(6,12,35,.25)}.confirm-card h2{margin:0 0 8px}.confirm-card p{color:var(--muted);line-height:1.6}.confirm-card>div{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--border);padding:0 15px}.tabs button{min-height:39px;background:transparent;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{color:var(--accent);border-color:var(--accent)}.finance-total{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.toolbar-card{display:flex;align-items:center;gap:9px;padding:12px 15px}.toolbar-card>*{max-width:240px}.toast{position:fixed;z-index:80;right:20px;top:20px;max-width:360px;padding:13px 16px;background:#15213c;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2);transform:translateY(-20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#b73b3b}.auth-body{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,#202e68,#3c4f9e)}.login-card,.install-card{width:min(420px,100%);padding:30px;background:#fff;box-shadow:0 25px 65px rgba(4,10,34,.3);text-align:center}.install-card{width:min(650px,100%)}.brand-circle{width:58px;height:58px;margin:0 auto 16px;border:3px solid var(--navy);border-radius:50%;display:grid;place-items:center;color:var(--navy);font-weight:800}.login-card h1,.install-card h1{margin:0;font-size:24px}.login-card>p,.install-card>p{margin:6px 0 22px;color:var(--muted)}.login-card form,.install-form{display:flex;flex-direction:column;gap:14px;text-align:left}.login-card form button,.install-form button{margin-top:4px}.login-card small{display:block;margin-top:22px;color:var(--muted)}.install-form{display:grid;grid-template-columns:1fr 1fr}.install-form h2{grid-column:1/-1;margin:9px 0 0;padding-bottom:8px;border-bottom:1px solid var(--border);font-size:15px}.install-form button{grid-column:1/-1}.alert{margin:0 0 15px;padding:11px;background:#edf0f5;font-size:12px}.alert.error{background:#feeaea;color:#a82f2f}.alert.success{background:#e5f5ed;color:#14744b}.receipt-settings{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}.receipt-preview{padding:20px;background:#edf0f5}.receipt-paper{width:290px;max-width:100%;margin:auto;padding:18px;background:#fff;font:11px/1.5 Consolas,monospace;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.12)}.mobile-menu{display:none}.dark{--bg:#161b2c;--surface:#22283b;--border:#343d56;--text:#eef1ff;--muted:#aab1c8}.dark body,.dark .content{background:var(--bg)}.dark .card,.dark .window-header,.dark .modal-card,.dark .confirm-card,.dark input,.dark select,.dark textarea,.dark .outline{background:var(--surface);color:var(--text);border-color:var(--border)}.dark th,.dark .cart-summary{background:#293047}.dark tbody tr:hover{background:#293047}
@media(max-width:1150px){.cards{grid-template-columns:repeat(2,1fr)}.cashier-layout{grid-template-columns:1fr}.cashier-layout>.card{min-height:470px}}@media(max-width:820px){.app-shell{display:block}.window-header{position:sticky;top:0;height:72px;padding:10px 13px}.window-header strong{font-size:17px}.window-header span,.header-user b{display:none}.sidebar{position:fixed;z-index:40;left:-245px;top:0;width:245px;height:100vh;transition:.25s}.sidebar.open{left:0}.content{padding:14px}.mobile-menu{display:inline-flex}.cards,.finance-total{grid-template-columns:1fr 1fr}.split{display:flex;flex-direction:column;gap:12px}.split-handle{display:none}.forms-grid,.forms-grid.three,.receipt-settings{grid-template-columns:1fr}.page-toolbar{align-items:flex-start;flex-direction:column}.install-form{grid-template-columns:1fr}.install-form h2,.install-form button{grid-column:1}.header-user .outline:first-of-type{display:none}}@media(max-width:540px){.cards,.finance-total{grid-template-columns:1fr}.cart-head{grid-template-columns:1fr}.cart-line{grid-template-columns:22px minmax(80px,1fr) 52px 82px 30px}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}.window-header{gap:5px}.content{padding:10px}.modal{padding:7px}}