@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";.settings-container{display:grid;grid-template-columns:280px 1fr;gap:2.5rem;align-items:start;margin-top:1rem}@media(max-width:1024px){.settings-container{grid-template-columns:1fr;gap:1.5rem}}.settings-tabs{display:flex;flex-direction:column;gap:.5rem;background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);padding:1.25rem;border-radius:24px;box-shadow:var(--glass-shadow)}.settings-tabs .tab{display:flex;align-items:center;gap:.85rem;padding:.9rem 1.25rem;background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:14px;font-weight:500;text-align:left;cursor:pointer;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-tabs .tab:hover{background:#ffffff0d;color:var(--text-primary);transform:translate(4px)}.settings-tabs .tab.active{background:linear-gradient(135deg,#c41e3a26,#8b13290d);color:var(--accent-primary);border:1px solid rgba(196,30,58,.3);font-weight:600}.settings-tabs .tab svg{transition:transform .3s ease,color .3s ease}.settings-tabs .tab.active svg{color:var(--accent-primary);transform:scale(1.1)}.settings-content.card{padding:2.5rem;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:none}.settings-content.card:hover{transform:none;border-color:var(--glass-border)}.settings-section h2{font-size:1.5rem;margin-top:0;margin-bottom:2rem;font-weight:700;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-card{display:flex;flex-direction:column;gap:2rem;background:#0f172a4d;border:1px solid var(--glass-border);border-radius:20px;padding:2rem}.profile-avatar-wrapper{display:flex;align-items:center;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.profile-avatar{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.75rem;font-weight:800;box-shadow:0 8px 20px #c41e3a66;border:2px solid rgba(255,255,255,.1)}.profile-meta{display:flex;flex-direction:column;gap:.25rem}.profile-meta h3{margin:0;font-size:1.25rem;font-weight:700;background:none;-webkit-text-fill-color:initial;color:var(--text-primary)}.profile-badge{align-self:flex-start;padding:.2rem .6rem;background:#c41e3a26;color:var(--accent-primary);border:1px solid rgba(196,30,58,.3);border-radius:50px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.profile-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.profile-detail-item{display:flex;flex-direction:column;gap:.5rem}.profile-detail-item .detail-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.profile-detail-item .detail-value{font-size:1rem;font-weight:600;color:var(--text-primary);overflow-wrap:break-word;word-break:break-word}.profile-detail-item .role-value{color:var(--accent-primary);text-transform:uppercase}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.75rem}.form-group label{font-size:.75rem;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{width:100%;outline:none;transition:all .3s ease}.form-group input[disabled]{background:#0f172a33!important;color:var(--text-muted)!important;cursor:not-allowed;border-color:#ffffff08!important;opacity:.6}.settings-section .flex{display:flex}.settings-section .justify-between{justify-content:space-between}.settings-section .items-center{align-items:center}.settings-section .mb-6{margin-bottom:1.5rem}.settings-section .gap-2{gap:.5rem}.settings-section .font-semibold{font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.auth-page{display:flex;min-height:100vh;overflow:hidden}.auth-brand-panel{display:flex;flex-direction:column;justify-content:space-between;padding:3rem;width:45%;flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(150deg,#0f172a,#1a0a12 40%,#2d0517)}.auth-brand-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(196,30,58,.35) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(139,19,41,.25) 0%,transparent 50%);pointer-events:none}.auth-brand-panel:after{content:"";position:absolute;top:-100px;right:-100px;width:350px;height:350px;border-radius:50%;border:1px solid rgba(196,30,58,.15);pointer-events:none}.auth-brand-logo{display:flex;align-items:center;gap:.875rem;position:relative;z-index:1}.auth-brand-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:800;box-shadow:0 8px 24px #c41e3a66}.auth-brand-name{font-size:1.125rem;font-weight:700;color:#fff;background:none;-webkit-text-fill-color:white}.auth-brand-body{position:relative;z-index:1}.auth-brand-body h2{font-size:2.5rem;font-weight:800;line-height:1.15;color:#fff;background:linear-gradient(135deg,#fff,#f87171);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.auth-brand-body p{font-size:1rem;color:#ffffff8c;line-height:1.7;max-width:320px}.auth-brand-features{display:flex;flex-direction:column;gap:.875rem;margin-top:2rem}.auth-brand-feature{display:flex;align-items:center;gap:.75rem;color:#ffffffa6;font-size:.875rem}.auth-brand-feature-icon{width:32px;height:32px;border-radius:8px;background:#c41e3a33;border:1px solid rgba(196,30,58,.3);display:flex;align-items:center;justify-content:center;color:#f87171;flex-shrink:0}.auth-brand-footer{position:relative;z-index:1;font-size:.75rem;color:#ffffff40}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-midnight);overflow-y:auto}.auth-card{width:100%;max-width:420px;animation:slideUp .5s cubic-bezier(.16,1,.3,1) both}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{font-size:1.875rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.auth-header p{color:var(--text-muted);font-size:.9375rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none;transition:color .2s ease;z-index:1}.input-icon-right{position:absolute;right:.875rem;color:var(--text-muted);cursor:pointer;background:none;border:none;padding:.25rem;border-radius:6px;display:flex;align-items:center;z-index:1}.input-icon-right:hover{color:var(--text-primary)}.input-wrapper:focus-within .input-icon{color:var(--accent-primary)}.input-wrapper input{width:100%;padding-left:3rem!important;padding-right:3rem!important}.input-wrapper input.no-right-icon{padding-right:1rem!important}.auth-error{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#f87171;font-size:.875rem;animation:slideUp .2s ease both}.auth-submit-btn{width:100%;padding:.9375rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;font-size:.9375rem;font-weight:700;font-family:var(--font-main);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 16px #c41e3a66;letter-spacing:.01em;transition:all .2s ease;margin-top:.5rem}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #c41e3a80;filter:brightness(1.08)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed}.auth-footer-link{text-align:center;margin-top:1rem;font-size:.875rem;color:var(--text-muted)}.auth-footer-link a{color:var(--accent-primary);font-weight:600;margin-left:.25rem;text-decoration:none}.auth-footer-link a:hover{text-decoration:underline}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#0f172a,#1e293b)}.login-card{background:#1e293bb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.09);padding:2.5rem;border-radius:1.75rem;width:100%;max-width:420px;box-shadow:0 25px 60px -12px #0009;animation:slideUp .4s cubic-bezier(.16,1,.3,1) both}.login-header{text-align:center;margin-bottom:2rem}.logo-icon{background:linear-gradient(135deg,#c41e3a,#8b1329);width:64px;height:64px;border-radius:1.125rem;display:flex;justify-content:center;align-items:center;margin:0 auto 1.25rem;color:#fff;box-shadow:0 12px 24px -4px #c41e3a80}.login-header h1{font-size:1.625rem;font-weight:800;margin:0 0 .375rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-header p{color:var(--text-muted);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.error-message{display:flex;align-items:center;gap:.5rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:.75rem 1rem;border-radius:10px;font-size:.875rem}.input-group{display:flex;flex-direction:column;gap:.375rem}.login-button{background:linear-gradient(135deg,#c41e3a,#8b1329);color:#fff;border:none;padding:.9375rem;border-radius:12px;font-size:.9375rem;font-weight:700;font-family:var(--font-main);cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;box-shadow:0 4px 16px #c41e3a66;transition:all .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #c41e3a80;filter:brightness(1.08)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.animate-spin{animation:spin 1s linear infinite}@media(max-width:900px){.auth-brand-panel{display:none}.auth-form-panel{background:var(--bg-midnight)}}@media(max-width:480px){.auth-form-panel{padding:1.5rem 1rem}.login-card{padding:1.75rem 1.25rem}}.login-container{background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--accent-primary) 14%,transparent),transparent 48%),var(--bg-midnight)}.login-card{background:var(--surface-raised);border-color:var(--glass-border);box-shadow:var(--glass-shadow-lg)}.login-header h1{color:var(--text-primary);background:none;-webkit-text-fill-color:var(--text-primary)}.login-header p{color:var(--text-secondary)}.login-container .input-group label{color:var(--text-secondary)!important}.login-container select{background:var(--surface-raised)!important;border-color:var(--glass-border-hover)!important;color:var(--text-primary)!important}.login-container select option{background:var(--surface-raised)!important;color:var(--text-primary)!important}.login-container .error-message{color:var(--accent-danger);background:var(--accent-danger-bg)}.login-container .success-message{color:var(--accent-success)!important;background:var(--accent-success-bg)!important}@media(max-width:480px){.login-container{align-items:flex-start;padding-top:1.5rem}.login-card{padding:1.5rem 1.125rem;border-radius:var(--radius-xl)}}.dashboard-container{display:flex;min-height:100vh;background:transparent;color:var(--text-primary)}.sidebar{width:260px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:1.75rem 1.25rem;position:sticky;top:0;height:100vh;overflow-y:auto;transition:width .3s ease}.sidebar-header{display:flex;align-items:center;gap:.875rem;margin-bottom:2rem;padding:0 .25rem}.logo-small{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));width:38px;height:38px;border-radius:10px;display:flex;justify-content:center;align-items:center;font-weight:800;font-size:1rem;color:#fff;box-shadow:0 4px 12px #c41e3a59;flex-shrink:0}.sidebar-header h2{font-size:1.125rem;font-weight:700;margin:0;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-group{margin-bottom:1.5rem}.nav-group-label{font-size:.675rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding:0 .875rem;margin-bottom:.5rem}.nav-menu{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.7rem .875rem;color:var(--text-secondary);text-decoration:none;border-radius:10px;font-weight:500;font-size:.9rem;transition:all .2s ease;position:relative;overflow:hidden}.nav-item .nav-label{flex:1}.nav-item .nav-chevron{opacity:0;transform:translate(-4px);transition:all .2s ease;flex-shrink:0}.nav-item:hover{background:#ffffff0f;color:var(--text-primary);transform:translate(3px)}.nav-item:hover .nav-chevron{opacity:.5;transform:translate(0)}.nav-item.active{background:linear-gradient(90deg,#c41e3a2e,#c41e3a0f);color:var(--accent-primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;background:var(--accent-primary);border-radius:0 3px 3px 0;box-shadow:0 0 8px #c41e3a80}.nav-item.active .nav-chevron{opacity:.6;transform:translate(0)}.sidebar-footer{margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--glass-border)}.subscription-pill{padding:.75rem;margin-bottom:.75rem;background:#ffffff06;border:1px solid var(--glass-border);border-radius:10px;font-size:.75rem;color:var(--text-muted)}.subscription-pill.active-sub{border-color:#10b98133;background:#10b9810a}.subscription-pill.expiring-sub{border-color:#f59e0b40;background:#f59e0b0d}.subscription-pill.expired-sub{border-color:#ef444440;background:#ef44440d}.sub-pill-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.sub-pill-row:last-child{margin-bottom:0}.sub-pill-label{color:var(--text-muted)}.sub-pill-value{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;color:var(--text-secondary)}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:10px;cursor:pointer;text-decoration:none;margin-bottom:.5rem;transition:background .2s}.sidebar-user:hover{background:#ffffff0d}.sidebar-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#c41e3a4d,#8b132966);border:1px solid rgba(196,30,58,.3);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.675rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary)}.logout-button{width:100%;display:flex;align-items:center;gap:.875rem;padding:.7rem .875rem;background:transparent;border:none;color:var(--accent-danger);cursor:pointer;border-radius:10px;font-weight:600;font-size:.9rem;font-family:var(--font-main);transition:all .2s}.logout-button:hover{background:#ef444414;transform:translate(2px)}.main-content{flex:1;padding:2.25rem 2.75rem;overflow-y:auto;min-width:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.25rem;gap:1rem;flex-wrap:wrap}.page-header-left h1{font-size:1.875rem;margin:0 0 .25rem}.page-header-left p{color:var(--text-secondary);font-size:.9375rem;margin:0}.page-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.25rem;flex-wrap:wrap;gap:1rem}.content-header h1{font-size:1.875rem;margin:0}.content-header p{color:var(--text-secondary);margin-top:.375rem;font-size:.9375rem}.user-profile{display:flex;align-items:center;gap:1rem;padding:.625rem 1rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .2s;text-decoration:none}.user-profile:hover{border-color:var(--glass-border-hover);background:var(--bg-card-hover)}.user-info{text-align:right}.user-name{font-weight:700;font-size:.875rem;color:var(--text-primary)}.user-role{font-size:.675rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary);font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2.25rem}.stat-card{display:flex;align-items:center;gap:1.25rem;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .3s}.stat-card:hover:after{opacity:1}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.stat-info h3{font-size:.75rem;color:var(--text-secondary);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;background:none;-webkit-text-fill-color:var(--text-secondary)}.stat-info p{font-size:1.75rem;font-weight:800;margin:0;color:var(--text-primary);background:none;-webkit-text-fill-color:var(--text-primary);letter-spacing:-.02em}.stat-trend{font-size:.75rem;font-weight:700;margin-top:.25rem}.stat-trend.up{color:var(--accent-success)}.stat-trend.down{color:var(--accent-danger)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;margin-bottom:2.25rem}.chart-card{min-height:280px}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.chart-card-title{font-size:1rem;font-weight:700;color:var(--text-primary);background:none;-webkit-text-fill-color:var(--text-primary)}.quick-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2.25rem}.quick-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);font-size:.875rem;font-weight:500;font-family:var(--font-main);cursor:pointer;transition:all .2s;text-decoration:none}.quick-action-btn:hover{background:#c41e3a1a;border-color:#c41e3a40;color:var(--accent-primary);transform:translateY(-2px)}.section-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);background:none;-webkit-text-fill-color:var(--text-primary);margin:0 0 1rem}.placeholder-content{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem}.notification-strip{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:12px;margin-bottom:1.5rem;animation:slideUp .3s ease both;font-size:.875rem;color:var(--accent-warning)}.notification-strip .strip-icon{flex-shrink:0}.notification-strip .strip-text{flex:1;color:var(--accent-warning)}.notification-strip .strip-dismiss{background:none;border:none;color:var(--accent-warning);cursor:pointer;padding:.25rem;border-radius:6px;opacity:.6;flex-shrink:0}.notification-strip .strip-dismiss:hover{opacity:1}.mobile-header{display:none;align-items:center;gap:1rem;padding:0 1.25rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);position:fixed;top:0;left:0;right:0;height:60px;z-index:998}.mobile-logo-text{font-size:1.125rem;font-weight:700;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mobile-nav-toggle{background:#ffffff0f;border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;padding:.4rem;border-radius:8px;display:none;align-items:center;justify-content:center;transition:all .2s}.mobile-nav-toggle:hover{background:#ffffff1a}.sidebar-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:999}@media(max-width:1100px){.dashboard-grid,.placeholder-content{grid-template-columns:1fr}.main-content{padding:2rem 1.75rem}}@media(max-width:768px){.dashboard-container{flex-direction:column}.mobile-header,.mobile-nav-toggle{display:flex}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;z-index:1000;width:270px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:12px 0 40px #0009}.sidebar.open{transform:translate(0)}.main-content{padding:5rem 1.25rem 2rem;max-width:100%}.page-header{flex-direction:column;margin-bottom:1.5rem}.page-header-actions{width:100%}.content-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.quick-actions{gap:.5rem}.quick-action-btn{font-size:.8125rem;padding:.5rem .75rem}.modal-container{max-height:95vh;border-radius:20px;margin:.5rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.main-content{padding:5rem 1rem 2rem}}.sidebar{box-shadow:1px 0 0 var(--glass-border)}.nav-item:hover,.sidebar-user:hover{background:var(--sidebar-hover)}.nav-item.active{background:color-mix(in srgb,var(--accent-primary) 12%,transparent)}.quick-action-btn{background:var(--surface-raised)}.quick-action-btn:hover{background:color-mix(in srgb,var(--accent-primary) 8%,var(--surface-raised))}@media(max-width:768px){.sidebar{box-shadow:12px 0 32px #0f172a2e}.notification-strip{align-items:flex-start;flex-wrap:wrap}.notification-strip .strip-text{min-width:180px}}.toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.search-wrapper{position:relative;flex:1;max-width:480px}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-wrapper input{padding-left:2.75rem!important}.toolbar-actions{display:flex;align-items:center;gap:.625rem;margin-left:auto}.table-card{padding:0;overflow:hidden}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table thead{position:sticky;top:0;z-index:1}.data-table th{padding:.875rem 1.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;font-weight:700;background:#0f172ad9;border-bottom:1px solid var(--glass-border);white-space:nowrap}[data-theme=light] .data-table th{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;background:#f1f5f9}.data-table td{padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;font-size:.9rem}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:#ffffff08}.data-table tbody tr:last-child td{border-bottom:none}.product-cell{display:flex;align-items:center;gap:.875rem}.product-icon{width:38px;height:38px;background:var(--accent-info-bg);color:var(--accent-info);border-radius:10px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.product-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.product-barcode{font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.customer-info .name{font-weight:600;font-size:.9rem}.customer-info .phone{font-size:.75rem;color:var(--text-muted)}.price-info .selling-price{font-weight:600}.price-info .cost-price{font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.invoice-cell,.date-cell{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.badge{padding:.2rem .65rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.03em}.category-badge{background:var(--accent-purple-bg);color:var(--accent-purple);border:1px solid rgba(139,92,246,.2)}.type-badge.retail{background:var(--accent-info-bg);color:var(--accent-info);border:1px solid rgba(59,130,246,.2)}.type-badge.wholesale{background:var(--accent-purple-bg);color:var(--accent-purple);border:1px solid rgba(139,92,246,.2)}.status-pill{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.03em}.status-pill.paid,.status-pill.received{background:var(--accent-success-bg);color:var(--accent-success);border:1px solid rgba(16,185,129,.2)}.status-pill.partial,.status-pill.pending{background:var(--accent-warning-bg);color:var(--accent-warning);border:1px solid rgba(245,158,11,.2)}.status-pill.ordered{background:var(--accent-info-bg);color:var(--accent-info);border:1px solid rgba(59,130,246,.2)}.status-pill.cancelled,.category-pill.rent{background:var(--accent-danger-bg);color:var(--accent-danger);border:1px solid rgba(239,68,68,.2)}.category-pill.utilities{background:var(--accent-info-bg);color:var(--accent-info);border:1px solid rgba(59,130,246,.2)}.category-pill.salary{background:var(--accent-success-bg);color:var(--accent-success);border:1px solid rgba(16,185,129,.2)}.category-pill.other{background:#94a3b81a;color:var(--text-secondary);border:1px solid rgba(148,163,184,.15)}.type-pill.in{background:var(--accent-success-bg);color:var(--accent-success);border:1px solid rgba(16,185,129,.2)}.type-pill.out{background:var(--accent-danger-bg);color:var(--accent-danger);border:1px solid rgba(239,68,68,.2)}.type-pill.adjustment{background:var(--accent-warning-bg);color:var(--accent-warning);border:1px solid rgba(245,158,11,.2)}.status-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600}.status-badge:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-badge.active{color:var(--accent-success)}.status-badge.active:before{background:var(--accent-success);box-shadow:0 0 6px var(--accent-success)}.status-badge.inactive{color:var(--text-muted)}.status-badge.inactive:before{background:var(--text-muted)}.stock-level{font-weight:600}.stock-level.low{color:var(--accent-danger)}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:8px;transition:all .15s;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:#ffffff0f;color:var(--text-primary);transform:scale(1.1)}.icon-btn.danger:hover{background:var(--accent-danger-bg);color:var(--accent-danger)}.add-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:.625rem 1.125rem;border-radius:10px;font-weight:600;font-size:.875rem;font-family:var(--font-main);cursor:pointer;box-shadow:0 4px 14px #c41e3a59;transition:all .2s;white-space:nowrap}.add-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c41e3a80;filter:brightness(1.08)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.report-card{display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.report-icon{padding:.75rem;border-radius:12px}.text-purple{color:var(--accent-purple);-webkit-text-fill-color:var(--accent-purple);background:none}.text-muted{color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary);background:none}.text-blue{color:var(--accent-info);-webkit-text-fill-color:var(--accent-info);background:none}.text-success{color:var(--accent-success)!important;-webkit-text-fill-color:var(--accent-success);background:none}.text-danger{color:var(--accent-danger)!important;-webkit-text-fill-color:var(--accent-danger);background:none}.bg-glass{background:#ffffff06;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mt-8{margin-top:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 2rem;text-align:center}.loading-state .spinner{width:40px;height:40px;border:3px solid rgba(196,30,58,.15);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .75s linear infinite}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 2rem;text-align:center;color:var(--accent-danger)}.skeleton-row-group{display:flex;flex-direction:column;gap:2px;padding:.5rem}.interactive:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow-lg)}@media(max-width:768px){.toolbar{flex-direction:column;align-items:stretch}.search-wrapper{max-width:100%}.toolbar-actions{justify-content:flex-end}.data-table td,.data-table th{padding:.75rem .875rem}.reports-grid{grid-template-columns:1fr}}:root{--font-main: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--bg-midnight: #f1f5f9;--bg-deep: #e2e8f0;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-card-solid: #ffffff;--accent-primary: #4f46e5;--accent-secondary: #4338ca;--accent-primary-glow: rgba(79, 70, 229, .25);--accent-success: #059669;--accent-success-bg: #d1fae5;--accent-warning: #d97706;--accent-warning-bg: #fef3c7;--accent-danger: #dc2626;--accent-danger-bg: #fee2e2;--accent-info: #2563eb;--accent-info-bg: #dbeafe;--accent-purple: #7c3aed;--accent-purple-bg: #ede9fe;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-faint: #94a3b8;--glass-bg: rgba(255, 255, 255, .95);--glass-bg-light: rgba(255, 255, 255, .85);--glass-border: #e2e8f0;--glass-border-hover: #cbd5e1;--glass-shadow: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--glass-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .05), 0 4px 6px -4px rgb(0 0 0 / .05);--glass-blur: blur(12px);--glass-blur-sm: blur(8px);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.175, .885, .32, 1.275);font-family:var(--font-main);line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--bg-midnight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:var(--bg-midnight)}*,*:before,*:after{box-sizing:border-box}a,button,input,select,textarea,[role=button]{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--text-primary);margin:0}p{margin:0}a{text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--bg-midnight)}.loading-screen:before{content:"";width:48px;height:48px;border-radius:var(--radius-full);border:3px solid rgba(79,70,229,.2);border-top-color:var(--accent-primary);animation:spin .8s linear infinite}.loading-screen span{color:var(--text-muted);font-size:.875rem;letter-spacing:.05em}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--glass-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}.card:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.card-flat{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6875rem 1.375rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;border:1px solid transparent;gap:var(--space-2);font-family:var(--font-main);letter-spacing:.01em;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px var(--accent-primary-glow);border:1px solid var(--accent-secondary)}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 6px 16px var(--accent-primary-glow)}.btn-primary:active{transform:translateY(0);filter:brightness(.95);box-shadow:none}.btn-secondary{background:#f1f5f9;color:var(--text-secondary);border:1px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0;color:var(--text-primary);border-color:#cbd5e1}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:#f1f5f9;color:var(--text-primary)}.btn-danger{background:var(--accent-danger-bg);color:var(--accent-danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444426;border-color:#ef44444d}.btn-success{background:var(--accent-success-bg);color:var(--accent-success);border:1px solid rgba(16,185,129,.2)}.btn-success:hover{background:#10b98126}.btn-sm{padding:.4rem .875rem;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-icon{padding:.5rem;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:#f1f5f9;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-success{background:var(--accent-success-bg);color:var(--accent-success)}.badge-warning{background:var(--accent-warning-bg);color:var(--accent-warning)}.badge-danger{background:var(--accent-danger-bg);color:var(--accent-danger)}.badge-info{background:var(--accent-info-bg);color:var(--accent-info)}.badge-purple{background:var(--accent-purple-bg);color:var(--accent-purple)}.modal-overlay{position:fixed;inset:0;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease}.modal-container{width:100%;max-width:660px;max-height:92vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow-lg);animation:modalScaleIn .3s cubic-bezier(.16,1,.3,1)}.modal-container.modal-lg{max-width:900px}.modal-container.modal-xl{max-width:1100px}input,select,textarea{background:#fff!important;border:1px solid var(--glass-border-hover)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;padding:.75rem 1rem!important;font-family:var(--font-main)!important;font-size:.9375rem!important;outline:none!important;box-shadow:0 1px 2px #0000000d;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)!important}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%!important}input[type=checkbox],input[type=radio]{width:auto!important;height:auto!important;padding:0!important;margin:0!important;cursor:pointer}input::placeholder,textarea::placeholder{color:var(--text-faint)!important}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--accent-primary-glow)!important}label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.375rem;letter-spacing:.01em}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1.25rem}.form-group.full-width{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);border-top:1px solid var(--glass-border);padding-top:var(--space-4)}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--glass-border)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700}.modal-body{padding:var(--space-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:.875rem;border-radius:var(--radius-full)}.skeleton-text.lg{height:1.375rem}.skeleton-text.sm{height:.75rem}.skeleton-card{height:120px;border-radius:var(--radius-xl)}.skeleton-row{height:60px;border-radius:var(--radius-md);margin-bottom:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);gap:var(--space-4);text-align:center}.empty-state-icon{width:80px;height:80px;border-radius:var(--radius-2xl);background:#f1f5f9;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:var(--space-2)}.empty-state h3{font-size:1.125rem;color:var(--text-primary)}.empty-state p{font-size:.875rem;color:var(--text-muted);max-width:300px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.w-full{width:100%}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--text-primary)!important;background:none}.text-secondary{color:var(--text-secondary)!important;background:none}.text-muted-color{color:var(--text-muted)!important;background:none}.text-success{color:var(--accent-success)!important;background:none}.text-danger{color:var(--accent-danger)!important;background:none}.text-warning{color:var(--accent-warning)!important;background:none}.text-accent{color:var(--accent-primary)!important;background:none}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.05em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.ml-auto{margin-left:auto}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.cursor-pointer{cursor:pointer}.divider{height:1px;background:var(--glass-border);margin:var(--space-4) 0}.interactive:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-lg)}.text-plain{background:none!important;color:inherit!important}.animate-fade-in{animation:fadeIn .4s ease both}.animate-slide-up{animation:slideUp .4s ease both}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.status-dot.active{background:var(--accent-success);box-shadow:0 0 6px #05966966}.status-dot.inactive{background:var(--text-muted)}.status-dot.warning{background:var(--accent-warning)}.icon-box{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.icon-box-sm{width:32px;height:32px}.icon-box-md{width:40px;height:40px}.icon-box-lg{width:48px;height:48px}.icon-box-xl{width:56px;height:56px}.icon-box-primary{background:var(--accent-info-bg);color:var(--accent-primary)}.icon-box-success{background:var(--accent-success-bg);color:var(--accent-success)}.icon-box-warning{background:var(--accent-warning-bg);color:var(--accent-warning)}.icon-box-danger{background:var(--accent-danger-bg);color:var(--accent-danger)}.icon-box-info{background:var(--accent-info-bg);color:var(--accent-info)}.icon-box-purple{background:var(--accent-purple-bg);color:var(--accent-purple)}.alert-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid;animation:slideUp .3s ease both;font-size:.875rem}.alert-warning{background:var(--accent-warning-bg);border-color:#fcd34d;color:var(--accent-warning)}.alert-danger{background:var(--accent-danger-bg);border-color:#fca5a5;color:var(--accent-danger)}.alert-success{background:var(--accent-success-bg);border-color:#6ee7b7;color:var(--accent-success)}.alert-info{background:var(--accent-info-bg);border-color:#93c5fd;color:var(--accent-info)}@media(max-width:768px){.hide-mobile{display:none!important}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.grid-cols-4{grid-template-columns:repeat(2,1fr)}}:root{--surface-muted: #f8fafc;--surface-raised: #ffffff;--row-hover: #f8fafc;--sidebar-hover: #f1f5f9;--table-header: #f8fafc;--table-header-text: #334155;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--accent-primary) 25%, transparent)}[data-theme=light]{--surface-muted: #f8fafc;--surface-raised: #ffffff;--row-hover: #f8fafc;--sidebar-hover: #eef2ff;--table-header: #f8fafc;--table-header-text: #334155}html{background:var(--bg-midnight)}body{overflow-x:hidden}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:none;box-shadow:var(--focus-ring)!important}button{min-height:40px}.btn-sm,.icon-btn,.mobile-nav-toggle{min-height:0}.card,.table-card,.modal-container{background:var(--surface-raised)}.card:hover{transform:translateY(-1px)}.data-table td{border-bottom-color:var(--glass-border)}.data-table tbody tr:hover{background:var(--row-hover)}.data-table th{background:var(--table-header);color:var(--table-header-text)!important;-webkit-text-fill-color:var(--table-header-text)!important}.icon-btn:hover{background:var(--sidebar-hover)}.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:680px}.toolbar>*{min-width:0}.search-wrapper input{min-height:42px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:768px){.page-header-actions{flex-wrap:wrap}.page-header-actions .btn,.toolbar-actions .btn{flex:1 1 auto}.toolbar-actions{width:100%;margin-left:0}.toolbar-actions .btn,.toolbar-actions .add-button{flex:1;justify-content:center}.modal-overlay{align-items:flex-end;padding:0}.modal-container,.modal-container.modal-lg,.modal-container.modal-xl{width:100%;max-width:none;max-height:90vh;border-radius:20px 20px 0 0}.modal-header{position:sticky;top:0;z-index:1;background:var(--surface-raised)}.modal-body{padding:1rem}}@media(max-width:480px){.card,.card-flat{padding:1rem;border-radius:var(--radius-lg)}.page-header-left h1,.content-header h1{font-size:1.5rem}.stats-grid{gap:.75rem}}.not-found-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at top,color-mix(in srgb,var(--accent-primary) 12%,transparent),transparent 36%),var(--bg-midnight)}.not-found-card{width:min(100%,460px);padding:2.5rem;text-align:center;background:var(--surface-raised);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow-lg)}.not-found-card h1{margin:.5rem 0;font-size:clamp(1.5rem,4vw,2rem)}.not-found-card p:not(.not-found-eyebrow){color:var(--text-secondary);margin:0 auto 1.5rem;max-width:34ch}.not-found-eyebrow{color:var(--accent-primary);font-weight:800;letter-spacing:.12em}.not-found-icon{width:60px;height:60px;display:grid;place-items:center;margin:0 auto 1rem;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,transparent);border-radius:var(--radius-xl)}