:root{--bg:#0f1720;--panel:#141d2b;--panel-2:#1b2636;--border:#263244;--text:#e6ebf1;--text-dim:#92a1b5;--primary:#3b82f6;--primary-dark:#2563eb;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=light]{--bg:#f4f6f9;--panel:#fff;--panel-2:#eef1f6;--border:#dde3ec;--text:#1a2332;--text-dim:#5b6b82;--primary:#3b82f6;--primary-dark:#2563eb;--success:#16a34a;--danger:#dc2626;--warning:#b45309}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);transition:background .15s,color .15s}a{color:inherit;text-decoration:none}.app-shell{height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:230px;padding:16px 12px;display:flex}.brand{color:var(--text);padding:8px 10px 20px;font-size:18px;font-weight:700}.brand-row{justify-content:space-between;align-items:center;display:flex}.brand-mark{align-items:center;gap:8px;display:flex}.brand span{color:var(--primary)}.theme-toggle-btn{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:15px;line-height:1;display:flex}.theme-toggle-btn:hover{background:var(--border)}.nav-link{border-radius:var(--radius);color:var(--text-dim);align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.nav-link:hover{background:var(--panel-2);color:var(--text)}.nav-link.active{background:var(--primary);color:#fff}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-dim);margin-top:auto;padding:10px;font-size:13px}.main-area{flex:1;padding:24px 28px;overflow-y:auto}.page-title{margin:0 0 4px;font-size:22px;font-weight:700}.page-subtitle{color:var(--text-dim);margin:0 0 22px;font-size:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px;overflow-x:auto}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (width<=1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.stat-card .stat-label{color:var(--text-dim);margin-bottom:6px;font-size:13px}.stat-card .stat-value{font-size:26px;font-weight:700}.stat-card .stat-sub{color:var(--text-dim);margin-top:4px;font-size:12px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em;padding:10px 12px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);padding:10px 12px}tr:hover td{background:#ffffff05}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:#24344a}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-sm{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--primary)}label{color:var(--text-dim);margin-bottom:6px;font-size:13px;display:block}.field{margin-bottom:14px}.badge{border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.badge-success{color:var(--success);background:#22c55e26}.badge-danger{color:var(--danger);background:#ef444426}.badge-warning{color:var(--warning);background:#f59e0b26}.badge-info{color:var(--primary);background:#3b82f626}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:10px;display:flex}.login-page{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.login-box{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:380px;padding:32px}.login-box h1{text-align:center;margin-bottom:4px;font-size:20px}.login-box p{color:var(--text-dim);margin-bottom:24px;font-size:14px}.error-text{color:var(--danger);margin-top:8px;font-size:13px}.pos-layout{grid-template-columns:1fr 380px;gap:16px;height:calc(100vh - 48px);display:grid}.pos-products{overflow-y:auto}.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.product-tile{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:12px;transition:border-color .15s}.product-tile:hover{border-color:var(--primary)}.product-tile .name{min-height:34px;margin-bottom:6px;font-size:13px;font-weight:600}.product-tile .price{color:var(--primary);font-weight:700}.product-tile .stock{color:var(--text-dim);margin-top:4px;font-size:11px}.product-tile-disabled{opacity:.55;cursor:not-allowed}.product-tile-disabled:hover{border-color:var(--border)}.cart-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;padding:16px;display:flex}.cart-items{flex:1;margin:12px 0;overflow-y:auto}.cart-line{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.cart-line .qty-controls{align-items:center;gap:6px;display:flex}.qty-btn{border:1px solid var(--border);background:var(--panel-2);width:24px;height:24px;color:var(--text);cursor:pointer;border-radius:6px}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.cart-totals{border-top:1px solid var(--border);padding-top:12px;font-size:14px}.cart-totals .row{justify-content:space-between;margin-bottom:6px;display:flex}.cart-totals .grand{margin-top:8px;font-size:20px;font-weight:700}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:480px;max-height:85vh;padding:24px;overflow-y:auto}.modal h2{margin-top:0;font-size:18px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.empty-state,.spinner{text-align:center;color:var(--text-dim);padding:40px}.low-stock-row td{color:var(--warning)}.mobile-topbar,.mobile-overlay{display:none}@media (width<=900px){.app-shell{flex-direction:column;height:auto;min-height:100vh}.mobile-topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:70;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:sticky;top:0}.hamburger-btn{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex}.sidebar{z-index:90;width:260px;max-width:80vw;height:100vh;transition:transform .2s ease-out;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:6px 0 24px #00000059}.sidebar.mobile-open{transform:translate(0)}.sidebar .brand{display:none}.mobile-overlay.active{z-index:80;background:#0000008c;display:block;position:fixed;inset:0}.main-area{width:100%;padding:16px}}@media (width<=860px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.pos-layout{grid-template-columns:1fr;height:auto}.cart-panel{min-height:320px}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-area{padding:12px}.page-title{font-size:19px}.toolbar{flex-direction:column;align-items:stretch;gap:10px}.toolbar-left,.toolbar-right{flex-wrap:wrap;width:100%}.toolbar input,.toolbar select,.toolbar-left input,.toolbar-left select,.toolbar-right input,.toolbar-right select{width:100%;max-width:none!important}.toolbar-left>div,.toolbar-right>div{width:100%}table{font-size:12.5px}th,td{white-space:nowrap;padding:8px}.modal{padding:18px;width:92vw!important;max-width:92vw!important}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1;min-width:120px}.login-page{padding:16px}.login-box{width:100%;max-width:380px;padding:24px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.cart-line{flex-wrap:wrap;gap:6px}.stat-card .stat-value{font-size:21px}}@media (width<=400px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.modal-actions button{min-width:100%}}:root{--reports-hover:#4f46e51f}.dashboard-section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim,#6b7280);margin:4px 0 -4px;font-size:13px;font-weight:600}.reports-dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.report-tabs{border-bottom:1px solid var(--border,#e5e7eb);gap:4px;margin:18px 0 20px;padding-bottom:0;display:flex;overflow-x:auto}.report-tab{white-space:nowrap;color:var(--text-dim,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.report-tab:hover{color:var(--text,#111827)}.report-tab-active{color:var(--primary,#4f46e5);border-bottom-color:var(--primary,#4f46e5);font-weight:600}.report-tab-icon{font-size:15px}.report-section{flex-direction:column;gap:18px;margin-bottom:8px;display:flex}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.grid-4{grid-template-columns:repeat(2,1fr)}}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.kpi-card-top{align-items:center;gap:6px;display:flex}.kpi-icon{font-size:15px}.kpi-sub{color:var(--text-dim,#6b7280);margin-top:4px;font-size:12px}.card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.export-buttons{gap:8px;display:flex}.btn-outline{border:1px solid var(--border,#d1d5db);color:var(--text,#111827);background:0 0}.btn-outline:hover:not(:disabled){background:var(--reports-hover)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.date-range-picker{align-items:flex-end;gap:16px;display:flex}.preset-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn-chip{border:1px solid var(--border,#d1d5db);cursor:pointer;color:var(--text-dim,#6b7280);background:0 0;border-radius:999px;padding:6px 12px;font-size:13px}.btn-chip:hover{background:var(--reports-hover)}.btn-chip-active{background:var(--primary,#4f46e5);border-color:var(--primary,#4f46e5);color:#fff}.search-filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.search-input{border:1px solid var(--border,#d1d5db);border-radius:6px;flex:1;min-width:200px;padding:8px 12px}.search-filter-bar select{border:1px solid var(--border,#d1d5db);border-radius:6px;padding:8px 12px}.chart-card{overflow-x:auto}.sales-chart-svg{width:100%;height:220px}.sales-chart-bar{fill:var(--primary,#4f46e5);opacity:.85;transition:opacity .15s}.sales-chart-bar:hover{opacity:1}.sales-chart-label{fill:var(--text-dim,#6b7280);font-size:10px}.pl-table td{border-bottom:1px solid var(--border,#f0f0f0);padding:10px 8px}.pl-highlight-row{background:var(--surface-hover,#f9fafb)}.pl-highlight-row td{border-top:2px solid var(--border,#d1d5db);border-bottom:none}.lookup-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.lookup-filters>div{flex-direction:column;gap:4px;display:flex}.lookup-filters input[type=text],.lookup-filters input[type=date]{border:1px solid var(--border,#d1d5db);border-radius:6px;min-width:200px;padding:8px 12px}.lookup-row{cursor:pointer}.lookup-row:hover{background:var(--reports-hover)}.lookup-detail-row td{background:var(--surface-hover,#f9fafb);padding:10px 16px!important}.lookup-items-table{width:100%}.lookup-items-table th,.lookup-items-table td{padding:6px 8px;font-size:13px}.payment-breakdown-bar{background:var(--surface-hover,#f3f4f6);border-radius:999px;width:100%;height:14px;margin-bottom:14px;display:flex;overflow:hidden}.payment-breakdown-segment{height:100%;transition:opacity .15s}.payment-breakdown-segment:hover{opacity:.85}.payment-swatch{border-radius:50%;width:10px;height:10px;display:inline-block}.report-section table tbody tr:hover{background:var(--reports-hover)}.danger-zone-card{border-color:var(--danger);margin-top:24px}@media print{.report-tabs,.date-range-picker,.preset-row,.export-buttons,.search-filter-bar,.danger-zone-card,.reports-dashboard-header .export-buttons{display:none!important}}