:root{--bg: #0f172a;--bg-card: rgba(30, 41, 59, .7);--primary: #38bdf8;--success: #10b981;--error: #ef4444;--text: #f8fafc;--text-muted: #94a3b8}.reports-container{padding:2rem;min-height:calc(100vh - 100px);display:flex;flex-direction:column;gap:2rem;color:var(--text)}.glass{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem}.reports-header{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 8px 32px #0000004d}.header-content{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.title-section h1{font-size:2.5rem;font-weight:900;margin:0;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.title-section p{color:var(--text-muted);margin:.5rem 0 0;font-size:1.1rem}.filter-bar{display:flex;gap:1rem;align-items:center}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.filter-group label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.filter-select{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem 1rem;border-radius:.75rem;font-weight:600;outline:none;transition:all .2s;cursor:pointer}.filter-select:hover{border-color:var(--primary)}.btn-refresh{background:var(--primary);color:#fff;border:none;width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-top:1.25rem;box-shadow:0 4px 12px #38bdf84d}.btn-refresh:hover{transform:scale(1.05);box-shadow:0 6px 16px #38bdf880}.btn-refresh .spinning{animation:spin 1s linear infinite}.report-tabs{display:flex;gap:.5rem;padding:.5rem;background:rgba(15,23,42,.3);border-radius:1rem;width:fit-content}.tab-btn{background:transparent;border:none;color:var(--text-muted);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s}.tab-btn:hover{background:rgba(255,255,255,.05);color:#fff}.tab-btn.active{background:white;color:var(--bg)}.reports-content{flex:1;display:flex;flex-direction:column}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem;color:var(--text-muted);text-align:center}.empty-state h2{color:#fff;margin:0}@media (max-width: 1200px){.header-content{flex-direction:column;align-items:flex-start}.filter-bar{width:100%;flex-wrap:wrap}.filter-group{flex:1}}.pl-report{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pl-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.kpi-card{padding:1.5rem;display:flex;align-items:center;gap:1.5rem;border:1px solid rgba(255,255,255,.05)}.kpi-icon{width:4rem;height:4rem;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05)}.revenue-icon{color:var(--primary);background:rgba(56,189,248,.1)}.profit-icon{color:var(--success);background:rgba(16,185,129,.1)}.margin-icon{color:#f59e0b;background:rgba(245,158,11,.1)}.kpi-data label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.kpi-value{font-size:1.75rem;font-weight:800;margin:.25rem 0}.kpi-indicator{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:2rem;width:fit-content}.kpi-indicator.positive{background:rgba(16,185,129,.1);color:var(--success)}.kpi-indicator.negative{background:rgba(239,68,68,.1);color:var(--error)}.progress-bar-bg{width:100px;height:6px;background:rgba(255,255,255,.05);border-radius:3px;margin-top:.5rem;overflow:hidden}.progress-bar-fill{height:100%;background:#f59e0b;border-radius:3px}.pl-statement{padding:2rem;display:flex;flex-direction:column;gap:2rem}.statement-header h2{margin:0;font-size:1.5rem}.statement-meta{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.pl-sections{display:flex;flex-direction:column;gap:.5rem}.pl-section{border:1px solid rgba(255,255,255,.03);border-radius:1rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:rgba(255,255,255,.02)}.section-header:hover{background:rgba(255,255,255,.05)}.section-title{display:flex;align-items:center;gap:1rem;font-weight:700;font-size:1.1rem}.section-total{font-weight:800;font-size:1.1rem}.section-details{max-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(15,23,42,.2)}.pl-section.expanded .section-details{max-height:2000px;padding:1rem 0}.pl-line-item{padding:.75rem 3.5rem;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.pl-line-item:hover{background:rgba(255,255,255,.03)}.account-code{width:60px;font-family:monospace;opacity:.5;font-size:.875rem}.account-name{font-weight:500}.account-balance{font-weight:600;opacity:.8}.text-error{color:var(--error)}.pl-subtotal{padding:1.5rem;display:flex;justify-content:space-between;font-weight:800;font-size:1.25rem;border-top:1px solid rgba(255,255,255,.1);color:var(--primary)}.pl-footer{margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(255,255,255,.1)}.net-profit-row{display:flex;justify-content:space-between;align-items:center;font-size:1.75rem;font-weight:900}.profit-positive{color:var(--success)}.profit-negative{color:var(--error)}.report-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;gap:1.5rem;color:var(--text-muted)}.cogs-report{display:flex;flex-direction:column;gap:2rem}.cogs-overview{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.cogs-gauge-card{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.gauge-header{display:flex;justify-content:space-between;width:100%;align-items:center}.gauge-header h3{margin:0;font-size:1.1rem}.status-badge{padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:800;display:flex;align-items:center;gap:.35rem}.status-badge.excellent{background:rgba(16,185,129,.1);color:var(--success)}.status-badge.good{background:rgba(56,189,248,.1);color:var(--primary)}.status-badge.warning{background:rgba(239,68,68,.1);color:var(--error)}.gauge-body{display:flex;flex-direction:column;align-items:center;gap:.5rem}.gauge-visual{position:relative;width:200px}.gauge-value{position:absolute;bottom:0;width:100%;text-align:center;font-size:2rem;font-weight:900}.gauge-footer{font-size:.75rem;color:var(--text-muted)}.cogs-stats.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-card{padding:1.5rem;display:flex;flex-direction:column;justify-content:center}.stat-card label{font-size:.875rem;font-weight:700;color:var(--text-muted)}.stat-card .value{font-size:2rem;font-weight:900;margin:.5rem 0}.stat-card p{font-size:.75rem;margin:0;opacity:.7}.cogs-table-container{padding:2rem}.table-header{margin-bottom:2rem}.table-header h3{margin:0}.table-header p{margin:.5rem 0 0;color:var(--text-muted)}.report-table{width:100%;border-collapse:collapse}.report-table th{text-align:left;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.875rem}.report-table td{padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.report-table tr:hover{background:rgba(255,255,255,.02)}.font-mono{font-family:monospace}.font-bold{font-weight:700}.text-right{text-align:right}.cogs-insights{padding:1.5rem;display:flex;gap:1.5rem;align-items:center;background:rgba(56,189,248,.05)!important;border:1px solid rgba(56,189,248,.2)!important}.insight-icon{width:3.5rem;height:3.5rem;border-radius:1rem;background:rgba(56,189,248,.1);display:flex;align-items:center;justify-content:center;color:var(--primary)}.insight-text h4{margin:0 0 .25rem}.insight-text p{margin:0;font-size:.95rem;color:var(--text-muted)}@media (max-width: 900px){.cogs-overview{grid-template-columns:1fr}}.sales-report{display:flex;flex-direction:column;gap:2rem}.sales-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.sales-card{padding:2rem;display:flex;flex-direction:column;gap:.75rem;justify-content:center}.sales-card.main-sale{border-left:4px solid var(--primary)}.sales-card.active{border-left:4px solid var(--success);background:rgba(16,185,129,.05)!important}.card-lbl{font-size:.875rem;font-weight:700;color:var(--text-muted)}.card-val{font-size:2.5rem;font-weight:900}.card-val.highlight{color:var(--success)}.card-val.text-muted{opacity:.6}.payment-reconciliation{padding:2rem}.recon-header{margin-bottom:2rem}.recon-header h3{margin:0}.recon-header p{margin:.5rem 0 0;color:var(--text-muted)}.method-list{display:flex;flex-direction:column;gap:1rem}.method-item{background:rgba(255,255,255,.02);padding:1.25rem 1.5rem;border-radius:1rem;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.05)}.method-item:hover{border-color:#ffffff1a;background:rgba(255,255,255,.04)}.method-info{display:flex;align-items:center;gap:1rem}.method-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}.method-name{font-weight:700;font-size:1.1rem}.method-stats{display:flex;align-items:center;gap:2rem;min-width:400px}.method-amt{font-weight:800;font-size:1.1rem;min-width:120px;text-align:right}.method-pct{font-weight:600;color:var(--text-muted);min-width:60px;text-align:right}.progress-mini{flex:1;height:8px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden}.progress-mini-fill{height:100%;background:var(--primary);border-radius:4px}.empty-methods{padding:2rem;text-align:center;color:var(--text-muted)}.total-footer{margin-top:2rem;padding-top:1.5rem;border-top:2px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:1.25rem;font-weight:950;color:#fff}.sales-grid.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.info-box{padding:1.5rem}.info-box h4{margin:0 0 .75rem;color:var(--primary)}.info-box p{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.5}@media (max-width: 1024px){.sales-summary{grid-template-columns:1fr}.method-stats{min-width:auto;flex:1;gap:1rem}.progress-mini{display:none}}.labour-report{display:flex;flex-direction:column;gap:2rem}.labour-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.labour-main-card{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.metric-header{display:flex;align-items:center;gap:1rem;width:100%}.metric-header h3{margin:0;font-size:1.25rem}.efficiency-viz{width:150px;height:150px}.efficiency-circle{position:relative;width:100%}.circular-chart{display:block;margin:10px auto;max-width:100%;max-height:250px}.circle-bg{fill:none;stroke:#ffffff0d;stroke-width:2.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;transition:stroke-dasharray .3s ease}.blue .circle{stroke:var(--primary)}.efficiency-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.efficiency-text .pct{font-size:1.75rem;font-weight:950}.efficiency-text .lbl{font-size:.65rem;font-weight:800;opacity:.5;margin-top:-.25rem}.target-info{font-size:.8rem;color:var(--text-muted);font-weight:600}.labour-stats{display:flex;flex-direction:column;gap:1rem}.l-stat-card{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex:1}.l-stat-info label{font-size:.875rem;font-weight:700;color:var(--text-muted)}.l-stat-info .val{font-size:2.25rem;font-weight:950;margin-top:.25rem}.labour-table-card{padding:2rem}.labour-footer-grid{display:grid;grid-template-columns:1fr}.info-tile{padding:1.5rem;display:flex;gap:1.25rem;align-items:flex-start}.info-tile h5{margin:0 0 .5rem;color:var(--primary);font-size:1rem}.info-tile p{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.6}@media (max-width: 900px){.labour-metrics{grid-template-columns:1fr}}:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: rgba(99, 102, 241, .1);--primary-glow: 0 0 20px rgba(99, 102, 241, .4);--bg: #0b0e14;--bg-gradient: radial-gradient(circle at top left, #1a1b2b, #0b0e14);--bg-card: rgba(22, 27, 42, .7);--surface: rgba(30, 41, 59, .7);--surface-hover: rgba(30, 41, 59, .9);--text: #f8fafc;--text-muted: #64748b;--border: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .05);--glass-blur: blur(20px);--gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--error: #f43f5e;--error-bg: rgba(244, 63, 94, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--input-bg: rgba(0, 0, 0, .3);--card-bg: rgba(22, 27, 42, .8);--sidebar-width: 280px;--font-mono: "JetBrains Mono", "Fira Code", monospace}[data-theme=light]{--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: rgba(79, 70, 229, .1);--primary-glow: 0 0 20px rgba(79, 70, 229, .2);--bg: #f1f5f9;--bg-gradient: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);--bg-card: rgba(255, 255, 255, .95);--surface: #ffffff;--surface-hover: #f8fafc;--surface-glow: 0 10px 40px rgba(0, 0, 0, .05);--text: #0f172a;--text-muted: #475569;--border: rgba(0, 0, 0, .12);--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .1);--glass-blur: blur(16px);--gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--success: #059669;--success-bg: rgba(5, 150, 105, .1);--error: #e11d48;--error-bg: rgba(225, 29, 72, .1);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .1);--input-bg: #ffffff;--card-bg: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);background:var(--bg-gradient);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}h1,h2,h3,h4{font-weight:700;letter-spacing:-.025em;color:var(--text)}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}input,select,textarea{font-size:max(16px,1rem);-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}input[type=password],input[type=text],input[type=email],input[type=number],input[type=tel],input[type=url]{font-size:max(16px,1rem)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:1rem}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-align:center;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.app{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);padding:3rem 0;transition:all .4s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-weight:500;transition:all .2s ease;padding:.5rem 1rem;border-radius:.5rem}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--primary-light)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:var(--text-muted)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:var(--input-bg);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:1rem;transition:border-color .2s;font-family:inherit;resize:vertical}.form-group textarea{min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.form-input{width:100%;padding:.6rem .75rem;background:var(--input-bg);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:.95rem;transition:all .2s;font-family:inherit}.form-input:hover{border-color:var(--primary)}.card{padding:2rem;margin-bottom:2rem;background:var(--card-bg)}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;padding:1rem;z-index:50;border-radius:0;border-top:none;border-bottom:none;border-left:none;background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:transform .3s ease,width .3s ease}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:.5rem .5rem 2rem;margin-bottom:1rem;border-bottom:1px solid var(--glass-border)}.sidebar-brand{font-size:1.25rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1;overflow-y:auto;margin-bottom:1rem;padding-right:4px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-footer{border-top:1px solid var(--border);padding-top:1rem}.logout-btn{width:100%;justify-content:flex-start;color:var(--error)!important;background:transparent;border:none;font-size:.95rem}.logout-btn:hover{background:var(--error-bg)!important;color:var(--error)!important}.nav-item{position:relative;width:100%}.dropdown-content{display:none;flex-direction:column;padding-left:1rem;border-left:1px solid var(--border);margin-left:1.25rem;gap:.1rem;margin-top:.25rem;margin-bottom:.5rem;transition:all .2s ease}.dropdown-content.show{display:flex}.dropdown-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;transition:all .2s;border-radius:.5rem}.dropdown-link:hover{background:var(--primary-light);color:var(--text)}.dropdown-link.active{color:var(--primary);background:var(--primary-light)}.nav-label{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-weight:500;padding:.5rem 1rem;cursor:pointer;transition:all .2s;border-radius:.5rem}.nav-label:hover{color:var(--text);background:var(--primary-light)}.nav-label.active{color:var(--text)}.dropdown-content .nav-label{padding:.75rem 1rem;font-size:.875rem}.dropdown-content .nav-link{font-size:.875rem;padding:.75rem 1rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;background:var(--primary-light);color:var(--primary);border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background:var(--primary);color:#fff}.mobile-menu-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:100;width:44px;height:44px;border-radius:.75rem;background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);color:var(--text);cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease}.mobile-menu-btn:hover{background:var(--primary-light)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;transition:opacity .3s ease}.sidebar-overlay.show{opacity:1}.modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.8)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.modal-content{position:relative;z-index:10000}.modal-card{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;z-index:10001;margin:2rem;overflow-x:hidden}.mobile-only{display:none}@media (max-width: 768px){.mobile-hide{display:none}.mobile-only{display:inline-block}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-spin{animation:spin 1s linear infinite}.btn-secondary{background:var(--primary-light);color:var(--text);border:1px solid var(--border);transition:all .2s;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-align:center;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.hover-close:hover{background:var(--primary-light);color:var(--text)}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.success{background:var(--success-bg);color:var(--success)}.status-badge.error{background:var(--error-bg);color:var(--error)}.status-badge.warning{background:var(--warning-bg);color:var(--warning)}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-menu-btn{display:flex}.sidebar-overlay.show{display:block;opacity:1;pointer-events:auto}.sidebar-overlay{display:none;pointer-events:none}.main-content{margin-left:0;padding-top:4rem}.container{padding:0 1rem}}@media (max-width: 768px){.sidebar{width:280px}h1{font-size:1.75rem}h2{font-size:1.25rem}.card{padding:1.25rem}.btn{padding:.6rem 1rem;font-size:.9rem}.form-group input,.form-group select,.form-group textarea,.form-input{padding:.6rem;font-size:.9rem}.modal-card{margin:1rem;max-height:85vh}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.entity-table th,.entity-table td{padding:.75rem .5rem;font-size:.85rem;white-space:nowrap}.action-buttons{flex-wrap:nowrap}.btn-icon{padding:.35rem}}@media (max-width: 480px){.container{padding:0 .75rem}h1{font-size:1.5rem}.card{padding:1rem;border-radius:.75rem}.sidebar{width:100%;border-radius:0}.entity-search-container{width:100%}.entity-table-header{flex-direction:column;align-items:stretch;gap:1rem}}.text-label{font-size:.875rem;font-weight:700;color:var(--text);margin-bottom:.5rem;display:block}.text-label-lg{font-size:1rem;font-weight:800;color:var(--text);margin-bottom:.75rem;display:block}.text-label-sm{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;display:block}.text-body{font-size:1rem;font-weight:500;color:var(--text);line-height:1.6}.text-body-lg{font-size:1.1rem;font-weight:600;color:var(--text);line-height:1.6}.text-muted-sm{font-size:.875rem;font-weight:600;color:var(--text-muted)}.text-value{font-size:1.25rem;font-weight:800;color:var(--text)}.text-value-lg{font-size:1.5rem;font-weight:900;color:var(--text)}.text-value-xl{font-size:2rem;font-weight:950;color:var(--primary)}.input-lg{height:52px;border-radius:1rem;font-size:1rem;font-weight:600;padding:0 1rem}.input-xl{height:56px;border-radius:1.25rem;font-size:1.1rem;font-weight:700;padding:0 1.25rem}.btn-md{height:3rem;padding:0 1.25rem;border-radius:.75rem;font-weight:700;font-size:.9rem}.btn-lg{height:3.5rem;padding:0 1.5rem;border-radius:1rem;font-weight:800;font-size:1rem}.btn-xl{height:4rem;padding:0 2rem;border-radius:1.25rem;font-weight:900;font-size:1.1rem}.btn-xxl{height:4.5rem;padding:0 2.5rem;border-radius:1.5rem;font-weight:950;font-size:1.25rem}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.section-header-icon{background:var(--primary);padding:.6rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.section-title{font-size:1.5rem;font-weight:900;color:var(--text);margin:0}.section-title-sm{font-size:1.25rem;font-weight:800;color:var(--text);margin:0}.card-section{background:var(--primary-light);padding:2.5rem;border-radius:1.5rem;border:1px solid var(--primary);margin-top:2.5rem}.preview-label{color:var(--text-muted);font-size:.75rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.preview-value{font-size:1.25rem;font-weight:800;margin:0;color:var(--text)}.preview-value-lg{font-size:1.75rem;font-weight:900;margin:0;color:var(--text)}.entity-table-card{position:relative}.entity-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.entity-table-title{font-size:1.5rem;color:var(--text)}.entity-search-container{position:relative;width:300px;max-width:100%}.entity-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.entity-search-input{width:100%;padding:.6rem .6rem .6rem 2.5rem;background:var(--input-bg);border:1px solid var(--border);border-radius:.5rem;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.entity-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.entity-search-input::placeholder{color:var(--text-muted)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.entity-table{width:100%;border-collapse:collapse;text-align:left}.entity-table th{padding:1rem;color:var(--text-muted);font-weight:700;border-bottom:2px solid var(--border);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.entity-table td{padding:1rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.table-row-hover{transition:background .2s}.table-row-hover:hover{background:var(--surface-hover)}.action-buttons{display:flex;gap:.5rem}.btn-icon{padding:.4rem;border-radius:.4rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-edit{background:var(--primary-light);color:var(--primary)}.btn-edit:hover{background:var(--primary);color:#fff}.btn-delete{background:var(--error-bg);color:var(--error)}.btn-delete:hover{background:var(--error);color:#fff}.no-records{padding:2rem;text-align:center;color:var(--text-muted)}@media (max-width: 768px){.entity-table-header{flex-direction:column;align-items:stretch}.entity-search-container{width:100%}.entity-table th,.entity-table td{padding:.75rem .5rem;font-size:.875rem}}@media print{.sidebar,.mobile-menu-btn,.theme-toggle{display:none!important}.main-content{margin-left:0!important}body{background:white!important;color:#000!important}}