:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--bg-primary: #f3f4f6;--bg-surface: #ffffff;--bg-surface-soft: #f9fafb;--bg-sidebar: #111827;--bg-sidebar-hover: #1f2937;--text-primary: #1f2937;--text-muted: #4b5563;--text-strong: #111827;--text-inverse: #f9fafb;--text-sidebar-link: #d1d5db;--border-primary: #e5e7eb;--border-subtle: #f3f4f6;--input-border: #d1d5db;--btn-primary-bg: #111827;--btn-primary-text: #ffffff;--btn-light-bg: #f3f4f6;--btn-light-text: #111827;--status-success: #065f46;--status-error: #b91c1c;--overlay: rgba(17, 24, 39, .45)}[data-theme=dark]{--bg-primary: #0b1220;--bg-surface: #111827;--bg-surface-soft: #1f2937;--bg-sidebar: #030712;--bg-sidebar-hover: #111827;--text-primary: #e5e7eb;--text-muted: #9ca3af;--text-strong: #f3f4f6;--text-inverse: #f9fafb;--text-sidebar-link: #9ca3af;--border-primary: #374151;--border-subtle: #1f2937;--input-border: #4b5563;--btn-primary-bg: #2563eb;--btn-primary-text: #eff6ff;--btn-light-bg: #1f2937;--btn-light-text: #e5e7eb;--status-success: #34d399;--status-error: #f87171;--overlay: rgba(3, 7, 18, .62)}*{box-sizing:border-box}body{margin:0;background:var(--bg-primary);color:var(--text-primary)}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;padding:1.25rem;background:var(--bg-sidebar);color:var(--text-inverse);position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:2rem}.sidebar-branding{display:flex;align-items:center;gap:.55rem;min-width:0}.sidebar-logo-link{display:inline-flex;text-decoration:none}.sidebar-logo-badge{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:999px;border:2px solid #ffffff;background:#fff;padding:.32rem;box-shadow:0 4px 12px #0000002e}.sidebar-logo{width:100%;height:100%;object-fit:contain;border-radius:0}.sidebar-controls{display:flex;align-items:center;gap:.4rem}.sidebar h2{margin-top:0;margin-bottom:0;font-size:1rem;white-space:nowrap}.sidebar nav{display:flex;flex-direction:column;flex:1;gap:.5rem}.nav-logout{margin-top:auto;text-align:left}.nav-link{color:var(--text-sidebar-link);text-decoration:none;padding:.5rem .75rem;border-radius:.375rem}.nav-link-content{display:inline-flex;align-items:center;gap:.5rem}.nav-icon{width:15px;height:15px;object-fit:contain;opacity:.95}.nav-label{line-height:1}.nav-link.active,.nav-link:hover{background:var(--bg-sidebar-hover);color:var(--text-inverse)}.content{padding:1.5rem}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-primary)}.auth-card{width:min(420px,100%);background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:.6rem;padding:1rem;display:grid;gap:.75rem}.auth-card h1{margin:0;font-size:1.05rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-search{margin-top:.8rem}.notifications-search{margin-bottom:.9rem}.page-search-controls{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.dashboard-filter-controls,.report-filter-controls{padding-bottom:.75rem}.reports-pl-wrap{padding:.9rem}.reports-pl-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.8rem}.reports-pl-header h3{margin:0}.reports-trend-actions{justify-content:center;padding:.8rem .8rem 1rem}.table-show-more-actions{justify-content:center;padding:.7rem 0 .9rem}.inventory-show-more-actions{justify-content:center;padding-bottom:.8rem}.notifications-search+.page-search-controls{margin-bottom:.9rem}.search-input{width:min(380px,100%);border:1px solid var(--input-border);background:var(--bg-surface);color:var(--text-primary);border-radius:.375rem;padding:.45rem .55rem;font-size:.9rem}.category-filter{width:min(240px,100%)}.btn{border:1px solid var(--border-primary);border-radius:.375rem;padding:.5rem .85rem;cursor:pointer}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-light{background:var(--btn-light-bg);color:var(--btn-light-text);border-color:var(--input-border)}.notifications-toggle-btn{padding:.6rem 1rem}.theme-toggle{padding:.35rem .6rem;font-size:.82rem}.mobile-nav-toggle{display:none;padding:.35rem .55rem;font-size:.9rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.metric-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.metric-card strong{font-size:1.2rem}.table-wrap{margin-top:1rem;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:.5rem;overflow:auto}.table-cards-wrap{margin-top:1rem;display:grid;gap:.7rem}.table-card{border:1px solid var(--border-primary);border-radius:.5rem;background:var(--bg-surface);padding:.75rem}.table-card-fields{display:grid;gap:.45rem}.table-card-field{display:grid;grid-template-columns:minmax(110px,40%) 1fr;gap:.5rem;align-items:start}.table-card-label{font-size:.78rem;font-weight:600;color:var(--text-muted)}.table-card-value{font-size:.88rem;color:var(--text-primary)}.table-card-actions{margin-top:.6rem;border-top:1px solid var(--border-subtle);padding-top:.55rem;display:grid;gap:.4rem}.table-empty{margin:0;font-size:.9rem;color:var(--text-muted)}.inventory-group{margin-top:1rem}.inventory-group h2{margin:0;font-size:1rem;color:var(--text-strong)}.inventory-cards-list{margin-top:.75rem;display:grid;gap:.65rem}.inventory-item-card{border:1px solid var(--border-primary);border-radius:.5rem;background:var(--bg-surface);padding:.75rem}.inventory-item-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.inventory-item-card p{margin:.2rem 0;font-size:.87rem;color:var(--text-muted)}.row-actions{display:inline-flex;align-items:center;gap:.4rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--border-subtle);font-size:.92rem}th{color:var(--text-strong)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal{width:min(900px,100%);max-height:90vh;overflow:auto;background:var(--bg-surface);border-radius:.6rem;border:1px solid var(--border-primary)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-primary)}.modal-header h2{margin:0;font-size:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem}.form-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.field-help{color:var(--text-muted);font-size:.78rem;line-height:1.25}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--input-border);background:var(--bg-surface);color:var(--text-primary);border-radius:.375rem;padding:.45rem .55rem;font-size:.9rem}.form-field textarea{min-height:90px}.modal-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.subcategory-lines-field{grid-column:1 / -1}.subcategory-line-row{display:grid;grid-template-columns:1fr auto;gap:.55rem;align-items:center}.add-line-btn{width:fit-content}.error-text{margin:0;color:var(--status-error);font-size:.9rem;grid-column:1 / -1}.transaction-form{margin-top:1rem;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:.5rem;padding:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.transaction-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.quotation-form{margin-top:1rem;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:.5rem;padding:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.quotation-span-2{grid-column:1 / -1}.quotation-items-header{margin-bottom:.65rem}.quotation-items-header h2{margin:0;font-size:1rem}.quotation-total-box{border:1px solid var(--border-primary);border-radius:.5rem;padding:.75rem;background:var(--bg-surface-soft)}.quotation-total-box p{margin:.2rem 0}.quotation-actions{display:flex;gap:.6rem;flex-wrap:wrap}.quotation-email-row{display:flex;gap:.6rem;align-items:flex-end}.quotation-email-field{flex:1}.quotation-items-mobile{display:grid;gap:.75rem}.quotation-item-mobile-card{border:1px solid var(--border-primary);border-radius:.5rem;background:var(--bg-surface);padding:.75rem;display:grid;gap:.55rem}.quotation-item-mobile-total{margin:0;font-size:.9rem;color:var(--text-primary)}.quotation-client-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;border:1px solid var(--border-primary);border-radius:.5rem;padding:.75rem;background:var(--bg-surface-soft)}.quotation-preview-wrap{border:1px solid var(--border-primary);border-radius:.5rem;padding:.75rem;background:var(--bg-surface)}.autofill-wrapper{position:relative}.autofill-dropdown{margin-top:.3rem;border:1px solid var(--border-primary);border-radius:.375rem;background:var(--bg-surface);max-height:210px;overflow:auto}.autofill-option{width:100%;text-align:left;border:none;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);padding:.5rem .6rem;cursor:pointer;display:flex;flex-direction:column;gap:.15rem}.autofill-option:last-child{border-bottom:none}.autofill-option:hover{background:var(--bg-surface-soft)}.autofill-option span{color:var(--text-muted);font-size:.82rem}.crm-search{margin-top:1rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.crm-layout{margin-top:1rem;display:grid;grid-template-columns:1.5fr 1fr;gap:1rem}.crm-side-panels{display:grid;gap:1rem}.crm-form-header h2{margin:0;font-size:1rem}@media(max-width:1200px){.crm-layout{grid-template-columns:1fr}}.status-text{margin:0;color:var(--status-success);font-size:.9rem;grid-column:1 / -1}.dashboard-grid{margin-top:1rem;display:grid;grid-template-columns:2fr 1fr;gap:1rem}.chart-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:.5rem;padding:1rem}.chart-card h2{margin:0;font-size:1rem}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.chart-wrap{width:100%;height:320px}.deal-analysis-layout{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:1rem;align-items:center}.deal-analysis-list{display:grid;gap:.65rem}.deal-analysis-item{display:flex;align-items:flex-start;gap:.55rem}.deal-analysis-dot{width:.75rem;height:.75rem;border-radius:999px;margin-top:.35rem;flex-shrink:0}.deal-analysis-item p{margin:.2rem 0 0;font-size:.85rem;color:var(--text-muted)}.metrics-grid.compact{margin-top:.8rem;grid-template-columns:1fr}.notification-cards{margin-top:.8rem;display:grid;grid-template-columns:1fr;gap:.65rem;max-height:min(52vh,420px);overflow-y:auto;padding-right:.25rem}.notification-card{border:1px solid var(--border-primary);border-left-width:4px;border-radius:.5rem;background:var(--bg-surface);padding:.7rem .8rem}.notification-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.notification-meta{margin:.2rem 0 0;font-size:.86rem;color:var(--text-muted)}.severity-badge{display:inline-flex;align-items:center;border-radius:999px;font-size:.74rem;font-weight:600;padding:.2rem .5rem}.overdue-pill{margin-top:.5rem;display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:700}.notification-card.severity-high{border-left-color:#b91c1c;background:#fef2f2}.notification-card.severity-medium{border-left-color:#b45309;background:#fffbeb}.notification-card.severity-low{border-left-color:#1d4ed8;background:#eff6ff}[data-theme=dark] .notification-card.severity-high{border-left-color:#f87171;background:#3f1d1d}[data-theme=dark] .notification-card.severity-medium{border-left-color:#f59e0b;background:#3a2a13}[data-theme=dark] .notification-card.severity-low{border-left-color:#60a5fa;background:#182a46}.severity-badge.severity-high,.overdue-pill.severity-high{background:#fee2e2;color:#b91c1c}.severity-badge.severity-medium,.overdue-pill.severity-medium{background:#fef3c7;color:#b45309}.severity-badge.severity-low,.overdue-pill.severity-low{background:#dbeafe;color:#1d4ed8}.notification-empty{margin:.8rem 0 0;font-size:.9rem;color:var(--text-muted)}.alert-sections{display:grid;grid-template-columns:1fr;gap:1rem}.alert-row.severity-high td{background:#fef2f2}.alert-row.severity-medium td{background:#fffbeb}.alert-row.severity-low td{background:#eff6ff}[data-theme=dark] .alert-row.severity-high td{background:#3f1d1d}[data-theme=dark] .alert-row.severity-medium td{background:#3a2a13}[data-theme=dark] .alert-row.severity-low td{background:#182a46}.days-cell{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.days-cell .overdue-pill{margin-top:0}.finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.restock-range-row{align-items:flex-end;flex-wrap:nowrap}.restock-range-row .form-field{min-width:180px}.transaction-form h3{margin:0;grid-column:1 / -1;font-size:1rem}@media(max-width:1024px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:20;height:auto;max-height:none;padding:.85rem 1rem}.sidebar-header{margin-bottom:.9rem;align-items:center}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:38px;padding:.25rem .5rem}.sidebar .theme-toggle{margin-left:0;height:34px}.sidebar-logo-badge{width:46px;height:46px}.sidebar h2{font-size:.95rem}.sidebar nav{display:grid;grid-auto-flow:row;grid-template-columns:1fr;gap:.35rem;overflow-y:auto;overflow-x:hidden;max-height:82vh;padding-bottom:.35rem;padding-right:.25rem}.nav-logout{order:-1;margin-bottom:.35rem;margin-top:0}.sidebar.collapsed nav{display:none}.nav-link,.nav-logout{white-space:nowrap}.nav-logout{margin-top:0}.content{padding:1rem}.dashboard-grid,.finance-grid,.crm-layout{grid-template-columns:1fr}.chart-wrap{height:280px}.deal-analysis-layout{grid-template-columns:1fr}}@media(max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.search-input,.category-filter{width:100%}.page-search-controls{width:100%;align-items:stretch}.page-search-controls>*{width:100%}.metrics-grid,.form-grid,.transaction-form,.quotation-form,.quotation-client-picker{grid-template-columns:1fr}.modal{width:100%;max-height:92vh}th,td{padding:.6rem;font-size:.85rem}.row-actions{flex-wrap:wrap}.chart-header{align-items:flex-start;flex-direction:column;gap:.5rem}.notification-cards{max-height:45vh}.capture-customer-btn{margin-bottom:.7rem}.restock-range-row{flex-wrap:wrap}}@media(min-width:1280px){.content{padding:1.75rem}.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.dashboard-grid{grid-template-columns:minmax(0,2.2fr) minmax(320px,1fr)}}