:root{--bg:#ffffff;--bg-subtle:#fafafa;--bg-accent:#f4f4f5;--surface:rgba(255,255,255,0.8);--surface-border:rgba(0,0,0,0.05);--text:#09090b;--text-muted:#71717a;--text-light:#a1a1aa;--primary:#18181b;--primary-hover:#27272a;--primary-light:#52525b;--accent:#f4f4f5;--accent-foreground:#18181b;--border:#e4e4e7;--input:#e4e4e7;--ring:#18181b;--success:#10b981;--success-bg:rgba(16,185,129,0.1);--success-light:rgba(16,185,129,0.05);--danger:#ef4444;--danger-bg:rgba(239,68,68,0.1);--danger-light:rgba(239,68,68,0.05);--warning:#f59e0b;--warning-bg:rgba(245,158,11,0.1);--warning-light:rgba(245,158,11,0.05);--info:#3b82f6;--info-bg:rgba(59,130,246,0.1);--info-light:rgba(59,130,246,0.05);--shadow-subtle:0 1px 2px 0 rgba(0,0,0,0.02);--shadow-premium:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.05);--shadow-glass:0 8px 32px 0 rgba(0,0,0,0.03);--glass-blur:blur(12px);--radius-sm:6px;--radius:8px;--radius-md:8px;--radius-lg:12px;--container-max:1400px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,-apple-system,system-ui,sans-serif;background-color:var(--bg);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{width:264px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-subtle) 88%,#0f172a 12%) 0,var(--bg-subtle) 100%);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-lg) var(--space-md);position:-webkit-sticky;position:sticky;top:0;height:100vh;z-index:50;overflow-y:auto;transition:transform .3s ease}.sidebar-header{margin-bottom:var(--space-lg);padding:var(--space-sm);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:color-mix(in srgb,var(--bg) 92%,transparent)}.sidebar-header h2{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin:0 0 var(--space-xs) 0;display:flex;align-items:center;gap:var(--space-sm)}.sidebar-subtitle{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-weight:600}.sidebar-section{margin-bottom:var(--space-lg);padding:var(--space-sm);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:color-mix(in srgb,var(--bg) 94%,transparent)}.role-label{display:block;font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);padding-left:var(--space-sm)}.role-select{width:100%;background:var(--bg)!important;border:1px solid var(--border)!important;color:var(--text)!important;padding:var(--space-sm) var(--space-md)!important;font-size:.85rem!important;font-weight:500!important;border-radius:var(--radius)!important;cursor:pointer}.role-select:focus,.role-select:hover{border-color:var(--primary)!important}.role-select:focus{outline:none!important;box-shadow:0 0 0 2px var(--info-light)!important}.sidebar-nav{flex:1 1;display:flex;flex-direction:column;gap:6px}.nav-button{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:500;color:var(--text-muted);border-radius:12px;background:transparent;text-align:left;cursor:pointer;transition:all .2s ease;gap:var(--space-sm)}.nav-button:hover{background:color-mix(in srgb,var(--bg-accent) 72%,var(--primary) 28%);color:var(--text);border-color:color-mix(in srgb,var(--primary) 30%,var(--border) 70%)}.nav-button.active{background:linear-gradient(135deg,var(--primary) 0,color-mix(in srgb,var(--primary) 78%,#7c3aed 22%) 100%);color:var(--primary-foreground);box-shadow:var(--shadow-premium);font-weight:600;border-color:color-mix(in srgb,var(--primary) 68%,white 32%)}.nav-group-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:var(--space-md) var(--space-sm) var(--space-xs);font-weight:700}.nav-icon{width:1.2rem;text-align:center}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);border-radius:12px;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.user-info{font-size:.75rem;color:var(--text-muted);padding:0 var(--space-sm)}.user-info button{font-size:.85rem;color:var(--text);font-weight:500;margin-bottom:var(--space-xs)}.user-info div:last-child{opacity:.7}.logout-button{width:100%;padding:var(--space-sm) var(--space-md);font-size:.85rem;font-weight:600;color:var(--text);background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.logout-button:hover{background:var(--bg-accent)!important;border-color:var(--text-muted)!important}.main{flex:1 1;padding:var(--space-xl) var(--space-2xl);max-width:var(--container-max);margin:0 auto;width:100%;overflow-y:auto}.main-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.mobile-menu-toggle{display:none;background:var(--bg-accent);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-sm);cursor:pointer;font-size:1.25rem;color:var(--text)}@media (max-width:768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}}.main-header h1{font-size:2rem;font-weight:800;letter-spacing:-.04em;margin:0 0 var(--space-md) 0}.status-container{margin-top:var(--space-md)}.status{display:inline-flex;padding:var(--space-sm) var(--space-md);border-radius:999px;font-size:.8rem;font-weight:500;background:var(--info-light);color:var(--info);border:1px solid var(--info-bg)}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--bg-subtle) 0,var(--bg) 100%);padding:var(--space-md)}.auth-card{background:var(--bg);padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-glass);width:100%;max-width:480px;text-align:center}.auth-badge{display:inline-block;padding:.35rem var(--space-md);background:var(--primary);color:var(--primary-foreground);font-size:.7rem;font-weight:700;border-radius:9999px;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.05em}.auth-card h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-md)}.auth-card p{font-size:.95rem;color:var(--text-muted);margin-bottom:var(--space-lg)}.auth-highlights{text-align:left;margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);list-style:none}.auth-highlights li{font-size:.85rem;margin-bottom:var(--space-md);color:var(--text-muted);display:flex;align-items:center}.auth-highlights li:last-child{margin-bottom:0}.auth-highlights li:before{content:"";display:inline-block;width:6px;height:6px;background:var(--primary);border-radius:50%;margin-right:var(--space-md);flex-shrink:0}.grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-2xl)}.card{background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);padding:var(--space-md);position:relative;transition:all .2s ease}.card:hover{border-color:var(--primary-light);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:.15rem .35rem;border-radius:4px;font-size:.5rem;font-weight:600;gap:.15rem}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{background:var(--info-bg);color:var(--info)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.modal-content{background:var(--bg);border-radius:var(--radius-lg);width:100%;max-width:600px;border:1px solid var(--border);position:relative;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700}.modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:all .2s ease}.modal-close:hover{background:var(--bg-accent);color:var(--text)}.modal-body{padding:var(--space-xl)}.modal-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-md)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl)}.page-header h2{margin:0;font-size:1.5rem;font-weight:800}.filter-bar{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);align-items:flex-end;background:var(--bg-subtle);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-group label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.filter-group input,.filter-group select{min-width:150px}.inventory-filter-bar{align-items:stretch;gap:var(--space-sm)}.inventory-filter-bar .filter-group{flex:1 1 220px;min-width:0}.inventory-filter-bar .filter-group input,.inventory-filter-bar .filter-group select{width:100%;min-width:0}.inventory-filter-bar>.edit-btn{align-self:flex-end}.sales-history-filter-bar{align-items:stretch}.sales-history-filter-bar .filter-group{flex:1 1 180px;min-width:0}.sales-history-filter-bar .filter-group input,.sales-history-filter-bar .filter-group select{width:100%;min-width:0}.sales-history-filter-bar>.edit-btn{align-self:flex-end}.dashboard-card{display:flex;flex-direction:column;gap:var(--space-xs);min-height:100px;justify-content:space-between;align-items:flex-start;text-align:left;padding:var(--space-md)}.dashboard-card-icon{font-size:1.5rem;line-height:1;margin-bottom:.15rem}.dashboard-card .badge{margin-top:auto;margin-left:0;margin-bottom:0}.dashboard-card h4{font-size:.55rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;padding-right:0;line-height:1.2}.card-value{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-top:var(--space-sm);line-height:1.2}.sales-search-group{flex:1 1;min-width:220px}.sales-desk-layout{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}.polished-form{background:var(--bg-subtle);padding:var(--space-2xl);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--space-2xl)}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.field{display:flex;flex-direction:column;gap:var(--space-sm)}.field span{font-size:.75rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.05em}input,select{width:100%;padding:var(--space-sm) var(--space-md);font-size:.9rem;border-radius:var(--radius);border:1px solid var(--border);background-color:var(--bg);color:var(--text);font-family:inherit}input::placeholder{color:var(--text-light)}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--info-light)}button.primary{background:var(--primary);color:var(--primary-foreground);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);font-weight:600;font-size:.85rem;box-shadow:var(--shadow-premium);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--space-xs)}button.primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 12px rgba(0,0,0,.1)}button.primary:active{transform:translateY(0)}button.primary:disabled{opacity:.5;cursor:not-allowed}button.edit-btn{background:var(--bg-accent);color:var(--text);border:1px solid var(--border);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}button.edit-btn:hover{background:var(--border);border-color:var(--text-muted)}button.delete-btn{background:transparent;color:var(--danger);border:1px solid transparent;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}button.delete-btn:hover{background:var(--danger-light);border-color:var(--danger)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{background:var(--bg-subtle);text-align:left;font-weight:600;color:var(--text);border-bottom:2px solid var(--border);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.data-table td,.data-table th{padding:var(--space-md) var(--space-lg)}.data-table td{border-bottom:1px solid var(--border);color:var(--text-muted)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{color:var(--text);background:var(--bg-subtle)}.expense-summary,.reports-summary,.sales-summary{padding:var(--space-lg);margin:var(--space-2xl) 0}.dashboard-controls,.expense-summary,.reports-summary,.sales-summary{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border)}.dashboard-controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);align-items:flex-end;padding:var(--space-md)}.period-select{width:100%;padding:var(--space-sm) var(--space-md);font-size:.8125rem;border-radius:var(--radius);border:1px solid var(--border);background-color:var(--bg);color:var(--text);cursor:pointer;font-weight:500}.period-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--info-light)}.insight-card{border:1px solid var(--border)}.insight-header-row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-md)}.insight-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-md)}.insight-trend-chart{height:180px;border-radius:var(--radius);background:linear-gradient(180deg,var(--bg-subtle),var(--bg));padding:var(--space-sm)}.insight-trend-chart svg{width:100%;height:100%}.insight-trend-meta{margin:var(--space-sm) 0 0;color:var(--text-muted);font-size:.8rem}.chart-container{margin:var(--space-2xl) 0}.chart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin-top:var(--space-lg)}.chart-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-subtle);transition:all .2s cubic-bezier(.4,0,.2,1)}.chart-card:hover{border-color:var(--primary);box-shadow:var(--shadow-premium);transform:translateY(-2px)}.chart-title{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--primary)}.chart-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border)}.chart-stat:last-child{border-bottom:none}.stat-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.1rem;font-weight:700;color:var(--primary)}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-md);border:1px dashed var(--border);font-size:.95rem}@media (max-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}.main{padding:var(--space-lg) var(--space-xl)}}@media (max-width:768px){.app{flex-direction:column}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;height:100vh;transform:translateX(-100%);z-index:1001;box-shadow:var(--shadow-glass)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.show{opacity:1;visibility:visible}.sidebar-nav{flex-direction:column;padding:var(--space-sm) 0}.nav-button{white-space:normal}.main{padding:var(--space-lg) var(--space-md)}.grid{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.page-header button{width:100%}.filter-bar{flex-direction:column;align-items:stretch}.filter-group,.sales-history-filter-bar>.edit-btn{width:100%}.sales-history-filter-bar .filter-group{flex:0 0 auto}.sales-history-filter-bar>.edit-btn{align-self:stretch}.filter-group input,.filter-group select{width:100%;min-width:auto}.inventory-filter-bar{gap:var(--space-xs)}.inventory-filter-bar .filter-group{gap:.3rem}.inventory-filter-bar .filter-group label{font-size:.66rem;line-height:1.1}.inventory-filter-bar .filter-group input,.inventory-filter-bar .filter-group select{padding:.45rem .65rem;font-size:.82rem}.inventory-filter-bar>.edit-btn{padding:.45rem .65rem}.sales-desk-layout{grid-template-columns:1fr;gap:1rem}.dashboard-controls{flex-direction:column;align-items:stretch;gap:var(--space-md)}.dashboard-controls .filter-group{width:100%}.dashboard-controls .period-select{width:100%;min-width:0}.dashboard-controls .dashboard-refresh-btn{align-self:flex-start}.chart-grid{grid-template-columns:1fr}.modal-content{max-width:calc(100% - var(--space-md))}}@media (max-width:480px){.main{padding:var(--space-md)}.main-header h1{font-size:1.5rem}.card-value{font-size:1.25rem}.data-table{font-size:.75rem}.data-table td,.data-table th{padding:var(--space-sm) var(--space-md)}}.dashboard-refresh-btn{display:inline-flex;align-items:center;gap:var(--space-sm);border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:var(--radius);background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:var(--primary-foreground);font-weight:700;font-size:.82rem;letter-spacing:.01em;padding:.62rem .95rem;box-shadow:var(--shadow-premium)}.dashboard-refresh-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.dashboard-refresh-btn:disabled{opacity:.72;cursor:not-allowed}.refresh-btn-icon{font-size:.95rem;line-height:1}.notification-toast{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:320px;max-width:420px;padding:1rem 1.25rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass),0 10px 15px -3px rgba(0,0,0,.1);z-index:2000;animation:slideInUp .4s cubic-bezier(.16,1,.3,1)}.notification-toast.success{border-left:4px solid var(--success)}.notification-toast.error{border-left:4px solid var(--danger)}.notification-toast.info{border-left:4px solid var(--info)}.notification-content{display:flex;align-items:center;gap:.75rem;flex:1 1}.notification-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center}.notification-message{font-size:.875rem;font-weight:500;color:var(--text);line-height:1.4}.notification-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;font-size:.75rem;border-radius:var(--radius-sm);transition:all .2s ease}.notification-close:hover{background:var(--bg-accent);color:var(--text)}@keyframes slideInUp{0%{transform:translateY(100%) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width:640px){.notification-toast{bottom:1rem;left:1rem;right:1rem;min-width:0;max-width:none}}.main{padding:0!important}.main>section{padding:var(--space-xl) var(--space-2xl)}@media (max-width:768px){.main>section{padding:var(--space-lg) var(--space-md)}}.dashboard-metrics-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem}.dashboard-metrics-grid .dashboard-card{grid-column:span 2;aspect-ratio:1/1;min-height:132px;border:1px solid color-mix(in srgb,var(--border) 72%,#dbeafe 28%);background:linear-gradient(160deg,#ffffff,#fbfdff);border-radius:14px;box-shadow:0 14px 30px -26px rgba(18,38,63,.6)}.dashboard-metrics-grid .dashboard-card:nth-child(3n+1){border-top:3px solid #3b82f6}.dashboard-metrics-grid .dashboard-card:nth-child(3n+2){border-top:3px solid #10b981}.dashboard-metrics-grid .dashboard-card:nth-child(3n+3){border-top:3px solid #f59e0b}.dashboard-metrics-grid .dashboard-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px -24px rgba(18,38,63,.55)}.insight-card{margin-top:0;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid color-mix(in srgb,var(--border) 70%,#bfdbfe 30%)}.insight-title{margin:0;letter-spacing:-.01em}.insight-actions{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.insight-filter-group{margin-bottom:0}.insight-stats-grid>div{background:rgba(255,255,255,.82);border:1px solid var(--border);border-radius:12px;padding:.9rem}.insight-list{display:flex;flex-direction:column;gap:.45rem}.insight-list-item{margin:0;font-size:.9rem}.insight-list-rank{color:var(--text-muted);margin-right:.5rem}.insight-list-type{font-size:.75rem;color:var(--text-muted)}.insight-trend-section{margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1.5rem}.insight-trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.insight-trend-title{margin:0}.insight-legend{display:flex;gap:1rem;font-size:.75rem}.insight-legend-item{display:flex;align-items:center;gap:.25rem}.insight-legend-dot{width:8px;height:8px;border-radius:50%;background:var(--info);box-shadow:0 0 0 3px var(--info-light)}.insight-trend-chart{height:250px;background:linear-gradient(180deg,#f8fbff,#ffffff);border-radius:12px;padding:1rem;border:1px solid var(--border)}.trend-axis-label{fill:var(--text-muted);font-size:2.9px}.trend-axis-title{fill:var(--text);font-size:3.2px;font-weight:600}.insight-trend-footer{margin-top:.75rem;gap:.75rem}.insight-trend-meta{margin:0}.insight-trend-meta-muted{color:var(--text-muted)}@media (max-width:1024px){.dashboard-metrics-grid .dashboard-card{grid-column:span 6}}@media (max-width:640px){.dashboard-metrics-grid .dashboard-card{grid-column:span 6}.insight-trend-footer,.insight-trend-header{flex-direction:column;align-items:flex-start;gap:.65rem}}:root{--bg:#f4f7f4;--bg-subtle:#eef3ef;--bg-accent:#e5eee8;--surface-strong:#edf3ee;--surface-border:#dce6de;--text:#17261e;--text-muted:#66756a;--text-light:#8d9a91;--primary:#176e4e;--primary-hover:#125a40;--primary-light:#3b8967;--accent:#e5eee8;--accent-foreground:#173c2c;--border:#dce6de;--input:#d3dfd6;--ring:#176e4e;--success:#18734e;--success-bg:#e6f4eb;--success-light:#f1f8f3;--danger:#b5443b;--danger-bg:#fff0ee;--danger-light:#fff7f6;--warning:#ad6a12;--warning-bg:#fff4de;--warning-light:#fffaf0;--info:#3d6d8e;--info-bg:#eaf3f8;--info-light:#f2f8fb;--shadow-subtle:0 2px 8px rgba(23,49,34,0.045);--shadow-premium:0 8px 22px rgba(23,49,34,0.08);--shadow-glass:0 18px 48px rgba(13,35,23,0.18);--radius-sm:7px;--radius:10px;--radius-md:12px;--radius-lg:16px}body,html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a,button,input,select,textarea{transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 32%,transparent);outline-offset:2px}.app{background:var(--bg)}.sidebar{flex:0 0 264px;background:#14291f;border-right:1px solid #213b2e;color:#edf5ef;padding:1.2rem .9rem;box-shadow:10px 0 32px rgba(18,41,29,.06)}.sidebar-header{margin:0 0 1.25rem;padding:.4rem .55rem 1.15rem;background:transparent;border:0;border-bottom:1px solid rgba(228,242,231,.13);border-radius:0}.sidebar-header h2{color:#f6faf7;font-size:1.12rem;letter-spacing:-.04em}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#bce5c7;color:#173d2a;font-size:.9rem;font-weight:900}.sidebar-subtitle{color:#a9c0af;font-size:.61rem;letter-spacing:.08em;padding-left:2.55rem}.sidebar-section{padding:.75rem;background:rgba(255,255,255,.055);border-color:rgba(228,242,231,.12)}.role-label{color:#a9c0af}.role-select,.sidebar .role-select{background:#20392d!important;border-color:#3a5846!important;color:#f3f8f4!important}.sidebar-nav{gap:3px}.nav-group-label{color:#92ad99;font-size:.62rem;margin:1.25rem .65rem .45rem}.nav-button{color:#d3e0d6;border-radius:9px;border:1px solid transparent;padding:.65rem .7rem;font-size:.82rem}.nav-button:hover{color:#ffffff;background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.08)}.nav-button.active{color:#f8fff9;background:#246f4d;border-color:#33855e;box-shadow:0 6px 16px rgba(4,17,10,.2)}.nav-icon{width:1.25rem;font-size:1rem;font-weight:700;color:#bce5c7}.nav-button.active .nav-icon{color:#ffffff}.sidebar-footer{background:transparent;border-color:rgba(228,242,231,.13)}.user-info,.user-info button,.user-info button div:first-child{color:#edf5ef}.user-info button div:last-child{color:#a9c0af}.logout-button{color:#edf5ef;background:rgba(255,255,255,.055)!important;border-color:rgba(228,242,231,.18)!important}.logout-button:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(228,242,231,.32)!important}.main{max-width:none;width:auto;min-width:0;background:var(--bg);overflow-x:hidden}.main-header{padding:1rem 1.8rem!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 4px 20px rgba(25,48,33,.035);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.main-header h1{color:var(--text);font-size:1.25rem!important;font-weight:740!important;letter-spacing:-.035em!important}.status{max-width:min(44vw,520px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#315d42;background:#edf6ef;border-color:#d5e8d9}.main>section{width:100%;max-width:1640px;margin:0 auto;padding:1.75rem 2rem}.page-header{margin-bottom:1.25rem}.page-header h2{color:var(--text);letter-spacing:-.035em}.card{background:var(--surface);border-color:var(--border);border-radius:14px;box-shadow:var(--shadow-subtle)}.card:hover{border-color:#bfd2c3;box-shadow:var(--shadow-premium);transform:translateY(-1px)}.dashboard-controls{background:var(--surface);border-radius:13px}.dashboard-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:.85rem}.dashboard-metrics-grid .dashboard-card{grid-column:span 1;aspect-ratio:auto;min-height:145px;border:1px solid var(--border);border-top:1px solid var(--border)!important;background:#ffffff;border-radius:13px;box-shadow:var(--shadow-subtle)}.dashboard-metrics-grid .dashboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-premium)}.dashboard-metrics-grid .dashboard-card h4{color:var(--text-muted);font-size:.62rem;letter-spacing:.075em}.dashboard-metrics-grid .dashboard-card-icon{font-size:1.25rem}.insight-card{border-radius:14px;background:#ffffff;border-color:var(--border)}.insight-stats-grid>div{background:#f8faf8;border-color:var(--border)}.sales-desk-layout{grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);align-items:start;gap:1.15rem}.sales-desk-layout>div:last-child>.card{top:1rem!important;border-color:#cadbce;box-shadow:0 12px 28px rgba(23,49,34,.075)}.filter-bar,.filter-group input,.filter-group select,input,select,textarea{color:var(--text)}input,select,textarea{border-color:var(--input);border-radius:9px;background-color:#ffffff}input:hover,select:hover,textarea:hover{border-color:#a9c4b0}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(23,110,78,.12)}.dashboard-refresh-btn,button.primary{background:var(--primary);border-color:var(--primary);border-radius:9px;box-shadow:0 4px 10px rgba(23,110,78,.16)}.dashboard-refresh-btn:hover:not(:disabled),button.primary:hover{background:var(--primary-hover);filter:none;box-shadow:0 7px 15px rgba(23,110,78,.2)}.delete-btn,.edit-btn{border-radius:8px}.table-wrap{border-color:var(--border);border-radius:13px;box-shadow:var(--shadow-subtle)}.data-table th{background:#f3f7f3;color:#425449;border-bottom:1px solid var(--border)}.data-table td{color:#536258}.data-table tr:hover td{background:#f7faf7}.modal-content{border-radius:16px;box-shadow:var(--shadow-glass)}.modal-content,.modal-footer,.modal-header{border-color:var(--border)}.notification-toast{border-radius:13px}@media (max-width:1024px){.dashboard-metrics-grid .dashboard-card{grid-column:span 1}.main>section{padding:1.4rem 1.25rem}}@media (max-width:768px){.sidebar{flex:initial;background:#14291f}.main-header{padding:.9rem 1rem!important;gap:.75rem}.main-header h1{font-size:1.05rem!important}.main-header .status-container{max-width:45%}.status{max-width:100%;font-size:.68rem!important}.main>section{padding:1.1rem .85rem}.sales-desk-layout{grid-template-columns:minmax(0,1fr)}.sales-desk-layout>div:last-child>.card{position:static!important}}@media (max-width:480px){.dashboard-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.dashboard-metrics-grid .dashboard-card{min-height:132px;padding:.75rem}.main-header{align-items:flex-start}.main-header .status-container{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.main.main-register{height:100dvh;overflow:hidden}.main>section.pos-register{max-width:none;width:100%;margin:0;padding:0;min-height:0}.main.main-register>section.pos-register{flex:1 1}.pos-register{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);min-height:0;height:100%;background:#e7efe9}.pos-catalog,.pos-ticket{min-width:0;min-height:0}.pos-catalog{display:flex;flex-direction:column}.pos-toolbar{display:flex;gap:.8rem;align-items:flex-end;padding:.9rem 1rem .4rem}.pos-search{flex:1 1;display:flex;flex-direction:column;gap:.28rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.pos-search input{text-transform:none;letter-spacing:0;font-size:1rem;font-weight:600;padding:.75rem .85rem}.pos-session{display:flex;align-items:center;gap:.55rem;min-height:46px;padding:.4rem .55rem .4rem .8rem;background:#fff;border:1px solid var(--border);border-radius:12px;color:var(--text-muted);font-size:.75rem}.pos-session strong{color:var(--text);font-size:.82rem}.pos-categories{display:flex;gap:.4rem;overflow-x:auto;padding:.55rem 1rem .7rem}.pos-categories button,.pos-customer-menu button,.pos-held-list button,.pos-methods button,.pos-numpad button,.pos-quick-cash button,.pos-stepper button,.pos-tile{font:inherit;cursor:pointer}.pos-categories button{border:1px solid transparent;background:transparent;color:#3e5648;border-radius:999px;padding:.38rem .75rem;font-size:.8rem;font-weight:700;white-space:nowrap}.pos-categories button.active{background:#173728;color:#f4fbf6}.pos-inline-notice{margin:0 1rem .6rem;padding:.55rem .75rem;border-radius:10px;background:var(--warning-bg);color:var(--warning);font-size:.82rem;font-weight:650}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));grid-gap:.7rem;gap:.7rem;padding:0 1rem 1rem;overflow:auto}.pos-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.18rem;min-height:132px;text-align:left;padding:.75rem;border-radius:14px;border:1px solid #d5e3d9;background:#fff;box-shadow:0 8px 18px rgba(20,48,32,.04)}.pos-tile:hover:not(:disabled){border-color:#8fb59d;transform:translateY(-1px)}.pos-tile.is-out,.pos-tile:disabled{opacity:.48;cursor:not-allowed}.pos-avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e5f3ea;color:#176e4e;font-size:.85rem;font-weight:800}.pos-tile.is-service .pos-avatar{background:#e7f1f7}.pos-tile-name{font-size:.92rem;font-weight:750;letter-spacing:-.02em;line-height:1.25}.pos-tile-meta{color:var(--text-muted);font-size:.72rem}.pos-tile-foot{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:.45rem;font-size:.78rem}.pos-tile-foot strong{color:#176e4e}.pos-tile-foot em{color:var(--text-muted);font-style:normal}.pos-tile-foot em.is-low{color:var(--warning);font-weight:750}.pos-empty{grid-column:1/-1;padding:2.5rem 1rem;text-align:center;color:var(--text-muted)}.pos-empty h3{margin:0 0 .35rem;color:var(--text)}.pos-ticket{display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--border)}.pos-customer,.pos-ticket-foot,.pos-ticket-head{padding:.85rem 1rem}.pos-ticket-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.pos-sheet header p,.pos-ticket-head p{margin:0;color:var(--text-muted);font-size:.68rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.pos-sheet header h3,.pos-ticket-head h2{margin:0;letter-spacing:-.04em}.pos-customer{display:grid;grid-template-columns:1.3fr .9fr;grid-gap:.55rem;gap:.55rem;position:relative;border-bottom:1px solid var(--border)}.pos-customer label,.pos-reference,.pos-sheet label{display:flex;flex-direction:column;gap:.28rem;font-size:.72rem;font-weight:700;color:var(--text-muted)}.pos-customer-menu{position:absolute;z-index:5;top:calc(100% - .4rem);left:1rem;right:1rem;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-premium);overflow:hidden}.pos-customer-menu button,.pos-held-list button{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.7rem .8rem;background:#fff;border:0;border-bottom:1px solid var(--border);text-align:left}.pos-customer-menu button span,.pos-held-list button em,.pos-held-list button span{color:var(--text-muted);font-size:.75rem;font-style:normal}.pos-lines{flex:1 1;overflow:auto;padding:.35rem .8rem .8rem}.pos-ticket-empty{padding:2rem .5rem;text-align:center;color:var(--text-muted)}.pos-line{padding:.75rem .15rem;border-bottom:1px solid var(--border)}.pos-actions,.pos-cart-discount,.pos-close-stats,.pos-line-controls,.pos-line-discount,.pos-line-top,.pos-total-row{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.pos-line-top{margin-bottom:.45rem}.pos-line-discount,.pos-line-top span,.pos-total-row{color:var(--text-muted);font-size:.78rem}.pos-line-top strong{display:block;color:var(--text)}.pos-stepper{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden}.pos-stepper button{width:34px;height:34px;border:0;background:var(--bg-subtle);font-size:1.1rem}.pos-stepper input{width:52px;border:0;text-align:center;font-weight:750;padding:.35rem .2rem}.pos-cart-discount,.pos-line-discount{margin-top:.45rem}.pos-cart-discount select,.pos-line-discount select{max-width:180px}.pos-ticket-foot{border-top:1px solid var(--border);background:#fbfefb}.pos-total-row{margin-top:.28rem}.pos-total-row.is-muted{font-size:.75rem}.pos-total-row.is-due{margin:.45rem 0 .7rem;color:var(--text);font-size:1rem}.pos-total-row.is-due strong{font-size:1.35rem;letter-spacing:-.04em}.pos-actions{align-items:stretch}.pos-actions .edit-btn{min-height:46px;padding:0 .8rem}.pos-charge,.pos-pay{flex:1 1;min-height:48px;justify-content:center;font-size:1rem}.pos-overlay{position:fixed;inset:0;z-index:80;display:flex;justify-content:center;align-items:center;padding:1rem;background:rgba(16,32,24,.46)}.pos-sheet{width:min(560px,100%);max-height:min(92dvh,860px);overflow:auto;background:#fff;border-radius:18px;padding:1rem 1rem 1.1rem;box-shadow:var(--shadow-glass)}.pos-sheet-small{width:min(440px,100%)}.pos-sheet header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem}.pos-methods,.pos-numpad,.pos-quick-cash{display:grid;grid-gap:.4rem;gap:.4rem}.pos-methods{grid-template-columns:repeat(3,1fr);margin-bottom:.7rem}.pos-methods button,.pos-numpad button,.pos-quick-cash button{border:1px solid var(--border);background:#f7faf7;border-radius:10px;min-height:42px;font-weight:700}.pos-methods button.active{background:#173728;color:white;border-color:#173728}.pos-check{flex-direction:row!important;align-items:center;gap:.45rem!important;margin:.2rem 0 .7rem;text-transform:none;letter-spacing:0;font-size:.85rem!important}.pos-cashbox,.pos-split{display:grid;grid-gap:.55rem;gap:.55rem;margin-bottom:.7rem}.pos-split{grid-template-columns:1fr 1fr}.pos-split p{grid-column:1/-1;margin:0;color:var(--text-muted);font-size:.8rem}.pos-due-readout{display:flex;flex-direction:column;padding:.75rem .85rem;border-radius:12px;background:#f3f8f4}.pos-due-readout strong{font-size:1.6rem;letter-spacing:-.04em}.pos-due-readout em{color:var(--text-muted);font-style:normal}.pos-quick-cash{grid-template-columns:repeat(4,1fr)}.pos-numpad{grid-template-columns:repeat(3,1fr)}.pos-numpad button{font-size:1.15rem;min-height:52px;background:white}.pos-pay-note,.pos-pay-warning{color:var(--text-muted);font-size:.78rem}.pos-pay-warning{color:var(--danger);font-weight:700}.pos-charge{width:100%;margin-top:.4rem}.pos-close-stats{display:grid;grid-template-columns:1fr auto;margin-bottom:.8rem}.pos-held-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden}.pos-receipt-sheet{width:min(420px,100%)}.pos-receipt-paper{border:1px dashed #c5d6cb;border-radius:12px;padding:.9rem;background:#fff}.pos-receipt-footer,.pos-receipt-shop{display:flex;flex-direction:column;text-align:center}.pos-receipt-paper ul{list-style:none;margin:.8rem 0;padding:0}.pos-receipt-paper li{display:flex;justify-content:space-between;gap:.8rem;padding:.4rem 0;border-top:1px dashed var(--border)}.pos-receipt-paper small{display:block;color:var(--text-muted)}.pos-return-list{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.8rem}.pos-return-list label{display:grid!important;grid-template-columns:1fr 90px;align-items:center;grid-gap:.6rem;gap:.6rem}.pos-return-list small{display:block;font-weight:500}.auth-card,.auth-card .auth-badge,.auth-card h1{text-align:left}.auth-local-note{margin:0 0 1rem;padding:.8rem .9rem;border-radius:12px;background:var(--bg-subtle);color:var(--text-muted);font-size:.85rem}@media (max-width:980px){.main.main-register{height:auto;overflow:visible}.pos-register{grid-template-columns:1fr;height:auto}.pos-session,.pos-toolbar{flex-wrap:wrap}.pos-grid{max-height:none}.pos-ticket{border-left:0;border-top:1px solid var(--border);min-height:70dvh}}@media (max-width:640px){.pos-methods,.pos-quick-cash{grid-template-columns:repeat(2,1fr)}.pos-actions,.pos-customer,.pos-split{grid-template-columns:1fr;display:grid}.pos-pay{width:100%}}.header-title{display:flex;align-items:center;gap:.75rem;min-width:0}.main-header h1{margin:0;font-size:1.2rem;font-weight:750;letter-spacing:-.03em}.main:not(.main-register) .card:hover{transform:none}.main>section>.page-header h2{display:none}.main>section>.page-header:not(:has(button)){display:none}.main>section>.page-header{margin-bottom:.9rem;background:#fff;border:1px solid var(--border);border-radius:14px;padding:.65rem .85rem}.header-kicker{margin:.05rem 0 0;color:var(--text-muted);font-size:.75rem;font-weight:650}.user-chip{display:flex;align-items:center;gap:.65rem;width:100%;padding:.2rem;border:0;background:transparent;color:#edf5ef;text-align:left;cursor:pointer;font:inherit}.user-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#bce5c7;color:#173d2a;font-weight:800;flex:none}.user-chip-text{min-width:0;display:flex;flex-direction:column;line-height:1.25}.user-chip-text strong{font-size:.86rem}.user-chip-text small{color:#a9c0af;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:.72rem;padding:.22rem .55rem;border-radius:999px;letter-spacing:.01em}.filter-count{margin:0 0 .15rem auto;align-self:flex-end;color:var(--text-muted);font-size:.84rem}.form>.form-span,.form>div:has(>button){grid-column:1/-1}.form>div:has(>button){display:flex;justify-content:flex-start}.form>.form-span{margin:0}.main>section h3{margin:0 0 .8rem;letter-spacing:-.03em}.insight-header-row,.office-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:.8rem;margin-bottom:1rem;flex-wrap:wrap}.office-toolbar label,.trend-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.office-toolbar select,.trend-card select{min-width:180px;text-transform:none;letter-spacing:0;font-size:.92rem;font-weight:650}.kpi-grid,.main>section .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.8rem;gap:.8rem;margin-bottom:1rem}.kpi-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi,.main>section .grid>.card,.report-grid>.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:.95rem 1rem .85rem;box-shadow:var(--shadow-subtle);min-height:118px;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.kpi p,.main>section .grid>.card h4,.report-grid h4{margin:0;color:var(--text-muted);font-size:.72rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.kpi strong,.metric-value{font-size:1.25rem;letter-spacing:-.04em;line-height:1.15;color:var(--text)}.kpi strong.is-positive{color:var(--success)}.kpi strong.is-negative{color:var(--danger)}.kpi .badge{margin-top:auto}.insight-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.8rem;gap:.8rem;margin-bottom:.8rem}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.rank-list li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-bottom:.55rem;border-bottom:1px solid var(--border)}.rank-list li:last-child{border-bottom:0;padding-bottom:0}.rank-list li>span{display:grid;grid-template-columns:1.25rem minmax(0,1fr);grid-column-gap:.4rem;column-gap:.4rem;align-items:baseline;min-width:0}.rank-list i{grid-row:1/span 2;font-style:normal;color:var(--text-muted);font-weight:750}.rank-list small{grid-column:2;display:block;color:var(--text-muted);font-size:.75rem;text-transform:capitalize}.rank-list b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.muted-copy{margin:0;color:var(--text-muted);font-size:.88rem}.trend-card{margin-top:0}.trend-plot{display:grid;grid-template-columns:92px minmax(0,1fr);grid-gap:.55rem;gap:.55rem}.trend-scale{display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:var(--text-muted);font-size:.68rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:1.45rem 0 1.55rem}.trend-canvas{height:230px;padding:1.35rem .15rem 1.5rem;border-bottom:1px solid var(--border);background-image:repeating-linear-gradient(0deg,transparent 0,transparent 45px,rgba(23,49,34,.08) 0,rgba(23,49,34,.08) 46px);background-position:0 1.35rem;background-repeat:repeat-y}.trend-bars{gap:4px;padding:0;overflow:visible;border:0}.trend-bars,.trend-col{display:flex;align-items:flex-end;height:100%}.trend-col{position:relative;flex:1 0 8px;justify-content:center}.trend-col span{display:block;width:100%;max-width:18px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#2f8d64,#176e4e)}.trend-col.has-sale span{min-height:6px}.trend-col em{bottom:-1.2rem;font-style:normal;color:var(--text-muted)}.trend-col b,.trend-col em{position:absolute;font-size:.68rem;white-space:nowrap}.trend-col b{left:50%;transform:translateX(-50%);color:var(--text)}.insight-trend-footer{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:.8rem}.insight-trend-footer p{margin:0;color:var(--text-muted);font-size:.84rem}.settings-tabs{display:flex;gap:.35rem;overflow-x:auto;margin-bottom:1rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.settings-tabs button{border:0;background:transparent;color:var(--text-muted);font:inherit;font-weight:700;font-size:.86rem;padding:.55rem .8rem;border-radius:9px;cursor:pointer;white-space:nowrap}.settings-tabs button.active{background:#173728;color:#f7fbf8}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:.8rem;gap:.8rem}.report-grid .card>div{margin-top:.4rem!important;gap:.85rem!important}.expense-chart{display:grid;grid-template-columns:160px minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:center}.data-table{min-width:680px}.data-table td{vertical-align:middle}.data-table td:last-child{white-space:normal}.data-table td .delete-btn,.data-table td .edit-btn,.data-table td .primary{margin:0 .35rem .35rem 0}.cell-strong{font-weight:700;color:var(--text)}.money-in{color:var(--success);font-weight:700}.money-out{color:var(--danger);font-weight:700}.empty-cell{text-align:center;color:var(--text-muted);padding:2rem 1rem!important}.activity-action{text-transform:capitalize;font-weight:650;color:var(--text)}.notification-icon{width:10px;height:10px;border-radius:50%;background:var(--info);flex:none}.notification-icon.success{background:var(--success)}.notification-icon.error{background:var(--danger)}.dashboard-controls,.filter-bar{align-items:flex-end;background:#fff;border-radius:14px}.table-wrap{box-shadow:none;background:#fff}.card .table-wrap{border-radius:12px}.office-form{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.pager{justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:.85rem;color:var(--text-muted);font-size:.84rem}.pager,.pager-actions{display:flex;align-items:center}.pager-actions{gap:.45rem}.segmented{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-bottom:.9rem}.section-lead{margin:0 0 1rem;color:var(--text-muted)}.table-block{margin-top:1.4rem}.table-block h3{margin-bottom:.75rem}.metric-stack{display:flex;flex-direction:column;gap:.85rem;margin-top:.35rem}.metric-stack span{display:block;color:var(--text-muted);font-size:.7rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.metric-stack strong{display:block;margin-top:.15rem;font-size:1.15rem;letter-spacing:-.03em;color:var(--text)}.metric-stack strong.is-positive{color:var(--success)}.metric-stack strong.is-negative{color:var(--danger)}.report-grid .card{min-height:0}.report-grid h4{font-size:.95rem;text-transform:none;letter-spacing:-.03em;color:var(--text)}.fact-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:1rem;gap:1rem;margin-top:.35rem}.fact-list span{display:block;color:var(--text-muted);font-size:.7rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.2rem}.fact-list strong{font-size:1.05rem;letter-spacing:-.02em}.card>.primary{margin-top:1rem}.profile-card{max-width:760px}.dashboard-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}.dashboard-metrics-grid .dashboard-card,.dashboard-metrics-grid>.card{grid-column:auto!important;aspect-ratio:auto!important;min-height:0!important;border-top:1px solid var(--border)!important;background:#fff!important;box-shadow:var(--shadow-subtle)!important}.dashboard-metrics-grid .dashboard-card:hover,.main:not(.main-register) .dashboard-metrics-grid .card:hover{transform:none}.main>section .card{margin-bottom:.9rem}.main>section .card:last-child{margin-bottom:0}.main>section .card h3,.main>section .card h4{color:var(--text)}.main>section .card p{line-height:1.45}.main .status-container{margin-top:0;min-width:0}.main-header{gap:1rem}.group-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;padding:.3rem .45rem .3rem .7rem}.sell-launch{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:calc(100% - .4rem);margin:0 .2rem .8rem;padding:.75rem .85rem;border:0;border-radius:12px;background:#bce5c7;color:#143226;font:inherit;cursor:pointer;text-align:left}.sell-launch span{font-size:1rem;font-weight:800;letter-spacing:-.03em}.sell-launch small{color:#315744;font-size:.75rem;font-weight:650}.sell-launch.active,.sell-launch:hover{background:#d7f3e0}.today-actions{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.today-hero{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-end;background:#173728;color:#f4faf6;border-radius:18px;padding:1.25rem 1.35rem 1.15rem;margin-bottom:.9rem}.today-hero p{margin:0 0 .35rem;color:#b7d2c2;font-size:.75rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.today-hero strong{display:block;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.045em;line-height:1;margin-bottom:.7rem}.today-hero .badge{background:rgba(255,255,255,.12);color:#f4faf6}.today-hero dl{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));grid-gap:.8rem;gap:.8rem;margin:0;min-width:min(100%,420px)}.today-hero dt{color:#b7d2c2;font-size:.68rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.today-hero dd{margin:.2rem 0 0;font-size:1.05rem;font-weight:750;letter-spacing:-.03em}.today-hero dd.is-positive{color:#b7ebc8}.today-hero dd.is-negative{color:#ffc7c0}.sidebar{overflow:hidden}.sidebar-nav{min-height:0;overflow-y:auto}.attention-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);grid-gap:.8rem;gap:.8rem;margin-bottom:.8rem;align-items:start}.attention-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.attention-list li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.45rem;border-bottom:1px solid var(--border)}.attention-list li:last-child{border-bottom:0;padding-bottom:0}.attention-list b.is-negative{color:var(--danger)}.drawer-card .drawer-state{margin:0 0 .2rem;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--success)}.drawer-card .drawer-state.is-closed{color:var(--text-muted)}.drawer-card>strong{display:block;font-size:1.45rem;letter-spacing:-.04em;margin:.15rem 0 .8rem}.drawer-card .primary{margin-top:.8rem}.week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;min-height:180px;align-items:end}.week-day{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem;height:180px}.week-day span{display:block;width:100%;max-width:36px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#2f8d64,#176e4e);min-height:0}.week-day em,.week-day small{font-style:normal;font-size:.72rem;color:var(--text-muted)}.week-day small{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}@media (max-width:800px){.attention-grid,.expense-chart,.insight-stats-grid,.today-hero,.today-hero dl{grid-template-columns:1fr}.today-hero{flex-direction:column;align-items:stretch}.week-strip{gap:.25rem}.week-day small{display:none}.main-header{align-items:flex-start}.kpi strong,.metric-stack strong{font-size:1.05rem}.kpi-grid,.kpi-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-plot{grid-template-columns:1fr}.trend-scale{display:none}.insight-header-row,.office-toolbar{flex-direction:column;align-items:stretch}.insight-header-row>label,.office-toolbar>button,.office-toolbar>label{width:100%}.office-toolbar button,.office-toolbar select,.trend-card select{width:100%;min-width:0}.inventory-filter-bar .filter-group,.sales-history-filter-bar .filter-group{flex-basis:100%}}:root{--bg:#f3f6fb;--bg-subtle:#eef3fa;--bg-accent:#e7eef8;--surface:#ffffff;--surface-strong:#f4f7fc;--surface-border:#e3eaf3;--text:#172033;--text-muted:#66758c;--text-light:#8b98ad;--primary:#1f6feb;--primary-hover:#1858c4;--primary-light:#4c8ef0;--primary-foreground:#ffffff;--accent:#e8f1ff;--accent-foreground:#16325c;--border:#e3eaf3;--input:#d5dfeb;--ring:#1f6feb;--info:#1f6feb;--info-bg:#e8f1ff;--info-light:#f4f8ff;--shadow-subtle:0 8px 24px rgba(23,43,77,0.05);--shadow-premium:0 14px 36px rgba(23,43,77,0.08);--shadow-glass:0 24px 60px rgba(18,36,64,0.16)}.app,.main{background:var(--bg)}.sidebar{background:#ffffff;border-right:1px solid #e6edf5;color:#172033;box-shadow:none}.sidebar-header{border-bottom-color:#e6edf5}.sidebar-header h2{color:#172033}.brand-mark{background:#1f6feb;color:#ffffff}.nav-group-label,.role-label,.sidebar-subtitle,.user-chip-text small{color:#7d90a8}.sidebar-section{background:#f6f9fd;border-color:#e6edf5}.role-select,.sidebar .role-select{background:#ffffff!important;border-color:#d5dfeb!important;color:#172033!important}.nav-button{color:#31445f}.nav-button:hover{color:#172033;background:#f3f7fc;border-color:transparent}.nav-button.active{color:#1858c4;background:#e8f1ff;border-color:#d5e6fb;box-shadow:none}.nav-icon{color:#7d90a8}.nav-button.active .nav-icon{color:#1f6feb}.sidebar-footer{border-color:#e6edf5}.user-chip,.user-info,.user-info button,.user-info button div:first-child{color:#172033}.user-avatar{background:#e8f1ff;color:#1f6feb}.logout-button{color:#31445f;background:#f4f7fc!important;border-color:#e3eaf3!important}.logout-button:hover{background:#e8f1ff!important;border-color:#c9dbf5!important}.sell-launch{background:#1f6feb;color:#ffffff;border-radius:14px;box-shadow:0 8px 18px rgba(31,111,235,.24)}.sell-launch small{color:rgba(255,255,255,.82)}.sell-launch.active,.sell-launch:hover{background:#1858c4}.main-header{box-shadow:0 4px 20px rgba(23,43,77,.04)}.status{color:#1d4e89;background:#e8f1ff;border-color:#d3e4fb}.card:hover{border-color:#c5d7ee}input:hover,select:hover,textarea:hover{border-color:#b7cbe4}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(31,111,235,.16)}.dashboard-refresh-btn,button.primary{box-shadow:0 6px 14px rgba(31,111,235,.2)}.dashboard-refresh-btn:hover:not(:disabled),button.primary:hover{box-shadow:0 8px 16px rgba(31,111,235,.24)}.data-table th{background:#f4f8fd;color:#4d6280}.data-table td{color:#3d4d63}.data-table tr:hover td{background:#f7faff}.settings-tabs button.active{background:#1f6feb;color:#ffffff}.trend-col span,.week-day span{background:linear-gradient(180deg,#5b9af2,#1f6feb)}.group-chip{background:#f4f8fd}.dashboard-controls,.filter-bar,.page-header,.table-wrap{border-color:#e6edf5}.studio{flex-direction:column}.studio,.studio-top{display:flex;gap:1rem}.studio-top{justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.studio-top h2{margin:0;font-size:clamp(1.55rem,2.4vw,2rem);letter-spacing:-.045em;color:#172033}.studio-top p{margin:.28rem 0 0;color:#66758c;font-size:.92rem}.studio-controls{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.pair-card label,.studio-controls label{display:flex;flex-direction:column;gap:.3rem;font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#66758c}.pair-card select,.studio-controls select{min-width:150px;text-transform:none;letter-spacing:0;font-size:.92rem;font-weight:650}.studio-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,.72fr);grid-gap:.9rem;gap:.9rem;align-items:start}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.8rem;gap:.8rem;margin-bottom:.85rem}.stat-card{display:flex;flex-direction:column;gap:.28rem;min-height:148px;padding:1rem 1.05rem .95rem;background:#fff;border:1px solid #e6edf5;border-radius:16px;box-shadow:0 10px 28px rgba(23,43,77,.045)}.stat-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e8f1ff;color:#1f6feb;font-size:1rem;font-weight:800}.stat-icon.is-soft{background:#eef3f9;color:#5b7190}.stat-card p{margin:0;color:#66758c;font-size:.8rem;font-weight:650}.stat-card strong{font-size:clamp(1.35rem,2vw,1.75rem);letter-spacing:-.045em;line-height:1.05;color:#172033}.stat-card strong.is-positive{color:var(--success)}.stat-card strong.is-negative{color:var(--danger)}.stat-note{margin-top:auto;color:#8b98ad;font-size:.75rem}.studio-charts{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr);grid-gap:.8rem;gap:.8rem}.heat-card h3,.pair-card h3,.studio-side h3{margin-bottom:.15rem}.heat-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px}.heat-cell,.heat-legend i{display:block;aspect-ratio:1;border-radius:6px;background:#e7eef8}.heat-cell[data-level="1"],.heat-legend i[data-level="1"]{background:#d5e6fb}.heat-cell[data-level="2"],.heat-legend i[data-level="2"]{background:#8eb7f5}.heat-cell[data-level="3"],.heat-legend i[data-level="3"]{background:#3d86ef}.heat-cell[data-level="4"],.heat-legend i[data-level="4"]{background:#1f6feb}.heat-legend{display:flex;align-items:center;gap:.28rem;margin-top:.85rem;color:#8b98ad;font-size:.72rem}.heat-legend i{width:12px;height:12px;aspect-ratio:auto}.heat-legend em{margin-left:auto;font-style:normal;color:#66758c}.pair-legend{display:flex;gap:.9rem;margin:0 0 .55rem;color:#66758c;font-size:.78rem;font-weight:650}.pair-legend i{display:inline-block;width:8px;height:8px;margin-right:.35rem;border-radius:99px;vertical-align:middle}.pair-legend .is-sales{background:#1f6feb}.pair-legend .is-expense{background:#b9d4fb}.pair-chart{display:flex;align-items:flex-end;gap:4px;height:188px}.pair-col{flex:1 1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center}.pair-bars{flex:1 1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid #e6edf5}.pair-bars span{display:block;width:42%;max-width:12px;border-radius:5px 5px 2px 2px}.pair-bars .is-sales{background:#1f6feb}.pair-bars .is-expense{background:#c5dbf8}.pair-col em{height:1rem;margin-top:.3rem;font-style:normal;font-size:.66rem;color:#8b98ad}.studio-side{display:flex;flex-direction:column;gap:.8rem}.studio-side .card{margin-bottom:0}.studio-side .insight-header-row{margin-bottom:.55rem}.pos-register{background:#eef3f9}.pos-categories button{color:#4d6280}.pos-categories button.active{background:#1f6feb;color:#ffffff}.pos-tile{border-color:#e1eaf4;box-shadow:0 8px 18px rgba(23,43,77,.04)}.pos-tile:hover:not(:disabled){border-color:#9ec0ef}.pos-avatar{background:#e8f1ff;color:#1f6feb}.pos-tile.is-service .pos-avatar{background:#eef6ff;color:#3d6d8e}.pos-tile-foot strong{color:#1f6feb}.pos-ticket{box-shadow:-12px 0 30px rgba(23,43,77,.04)}.pos-ticket-foot{background:#f8fbff}.pos-total-row.is-due strong{color:#1f6feb;font-size:1.7rem}.pos-charge,.pos-pay{border-radius:12px}.pos-sheet header h3{font-size:2rem;color:#1f6feb}.pos-sheet:has(.pos-numpad){width:min(860px,100%)}.pos-pay-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:1rem;gap:1rem;align-items:start}@media (max-width:720px){.pos-pay-layout,.pos-sheet:has(.pos-numpad){grid-template-columns:1fr;width:min(560px,100%)}}.pos-pay-main{min-width:0}.pos-cashbox{margin-bottom:0}.pos-methods button,.pos-numpad button{background:#ffffff}.pos-methods button.active{background:#1f6feb;color:#ffffff;border-color:#1f6feb}.pos-due-readout{background:#f4f8fd}.pos-due-readout strong{font-size:1.85rem}.pos-quick-cash button:not(:first-child){background:#1f6feb;color:#ffffff;border-color:#1858c4}.pos-numpad button{min-height:58px;font-size:1.25rem;border-radius:12px;box-shadow:0 1px 2px rgba(23,43,77,.05)}.pos-overlay{background:rgba(18,36,64,.46)}@media (max-width:1100px){.studio-charts,.studio-layout{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{background:#ffffff}.stat-grid{grid-template-columns:1fr}.studio-controls{flex-direction:column;align-items:stretch}.pair-card select,.studio-controls button,.studio-controls label,.studio-controls select{width:100%;min-width:0}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d8ebd1{font-family:Inter,Inter Fallback;font-style:normal}