@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap);.login-bg{background:#f0fdfa;background-image:radial-gradient(at 20% 20%,#0d948814 0,#0000 50%),radial-gradient(at 80% 10%,#14b8a60f 0,#0000 50%),radial-gradient(at 60% 80%,#0d94880d 0,#0000 50%);position:relative}.login-bg:before{background-image:linear-gradient(#0d948808 1px,#0000 0),linear-gradient(90deg,#0d948808 1px,#0000 0);background-size:48px 48px;content:"";inset:0;pointer-events:none;position:absolute}.dark .login-bg{background:#0b1120;background-image:radial-gradient(at 20% 20%,#2dd4bf0f 0,#0000 50%),radial-gradient(at 80% 10%,#2dd4bf0a 0,#0000 50%),radial-gradient(at 60% 80%,#2dd4bf08 0,#0000 50%)}.dark .login-bg:before{background-image:linear-gradient(#2dd4bf0a 1px,#0000 0),linear-gradient(90deg,#2dd4bf0a 1px,#0000 0)}.login-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffeb;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #0f172a0a,0 10px 15px -3px #0f172a0f,0 20px 25px -5px #0f172a0a}.dark .login-card{background:#131b2ee6;border:1px solid #1e293bcc;box-shadow:0 4px 6px -1px #0003,0 10px 15px -3px #00000040,0 20px 25px -5px #0003}.login-input{background:var(--color-surface-raised,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:8px;box-shadow:0 1px 2px #0f172a0a;color:var(--color-text-primary,#0f172a);font-family:var(--font-body,"Outfit",sans-serif);font-size:.875rem;padding:.6875rem .875rem;transition:border-color .12s,box-shadow .12s;width:100%}.login-input:focus{border-color:var(--color-brand,#0d9488);box-shadow:0 0 0 3px #0d948814;outline:none}.login-input::placeholder{color:var(--color-text-muted,#94a3b8)}.dark .login-input{background:var(--color-surface-inset,#0d1526);border-color:var(--color-border,#1e293b);color:var(--color-text-primary,#f1f5f9)}.dark .login-input:focus{border-color:var(--color-brand,#2dd4bf);box-shadow:0 0 0 3px #2dd4bf1a}.login-btn{align-items:center;background:var(--color-brand,#0d9488);border:none;border-radius:8px;box-shadow:0 1px 3px #0d948833;color:#fff;cursor:pointer;display:flex;font-family:var(--font-body,"Outfit",sans-serif);font-size:.875rem;font-weight:600;justify-content:center;letter-spacing:.01em;padding:.6875rem 1.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%}.login-btn:hover{background:var(--color-brand-dark,#0f766e);box-shadow:0 4px 14px #0d948840;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.dark input:-webkit-autofill,.dark input:-webkit-autofill:active,.dark input:-webkit-autofill:focus,.dark input:-webkit-autofill:hover{-webkit-text-fill-color:#f1f5f9!important;-webkit-box-shadow:inset 0 0 0 30px #0d1526!important}:root{--color-brand:#0d9488;--color-brand-light:#14b8a6;--color-brand-dark:#0f766e;--color-brand-muted:#0d948814;--color-brand-subtle:#0d94880a;--color-accent:#e97d1f;--color-accent-light:#f59e0b;--color-accent-muted:#e97d1f14;--color-surface:#f8fafb;--color-surface-raised:#fff;--color-surface-subtle:#f1f5f9;--color-surface-inset:#e8edf2;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-success:#059669;--color-success-muted:#05966914;--color-warning:#d97706;--color-warning-muted:#d9770614;--color-error:#dc2626;--color-error-muted:#dc262614;--color-info:#0284c7;--color-info-muted:#0284c714;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a0f,0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a14,0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a;--shadow-brand:0 4px 14px #0d948840;--font-display:"Source Serif 4",Georgia,"Times New Roman",serif;--font-body:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:120ms;--duration-normal:200ms;--duration-slow:350ms}.dark{--color-brand:#2dd4bf;--color-brand-light:#5eead4;--color-brand-dark:#14b8a6;--color-brand-muted:#2dd4bf1a;--color-brand-subtle:#2dd4bf0a;--color-accent:#fbbf24;--color-accent-light:#fde68a;--color-accent-muted:#fbbf241a;--color-surface:#0b1120;--color-surface-raised:#131b2e;--color-surface-subtle:#1a2340;--color-surface-inset:#0d1526;--color-border:#1e293b;--color-border-subtle:#172033;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0f172a;--color-success:#34d399;--color-success-muted:#34d3991a;--color-warning:#fbbf24;--color-warning-muted:#fbbf241a;--color-error:#fb7185;--color-error-muted:#fb71851a;--color-info:#38bdf8;--color-info-muted:#38bdf81a;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #00000059,0 4px 6px -4px #0003;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0003;--shadow-brand:0 4px 14px #2dd4bf33}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;text-rendering:optimizeLegibility}body{background-color:var(--color-surface);font-family:var(--font-body);line-height:1.6;transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;line-height:1.25}h1{font-size:1.875rem}h2{font-size:1.375rem}h3{font-size:1.125rem}a{color:var(--color-brand);text-decoration:none;transition:color var(--duration-fast)}a:hover{color:var(--color-brand-dark)}.dark a:hover{color:var(--color-brand-light)}button{background:none;border:none;cursor:pointer;font-family:var(--font-body)}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.01em;padding:.5rem 1rem;transition:all var(--duration-normal) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background:var(--color-brand);box-shadow:var(--shadow-xs);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-brand-dark);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-secondary{background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);color:var(--color-text-secondary)}.btn-secondary:hover{background:var(--color-surface-subtle);border-color:var(--color-border);color:var(--color-text-primary)}.btn-ghost{color:var(--color-text-muted);padding:.375rem .75rem}.btn-ghost:hover{background:var(--color-surface-subtle);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 14px #dc262640}.card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.metric-card{overflow:hidden;position:relative}.metric-card:after{background:linear-gradient(90deg,var(--color-brand),var(--color-brand-light));bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity var(--duration-normal) var(--ease-out)}.metric-card:hover:after{opacity:1}.metric-value{color:var(--color-text-primary);font-family:var(--font-display);font-size:2rem;font-weight:600;letter-spacing:-.02em;line-height:1}.metric-label{color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.06em;margin-bottom:.25rem;text-transform:uppercase}.metric-change{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.6875rem;font-weight:600;gap:.25rem;margin-top:.75rem;padding:.1875rem .5rem}.metric-change.positive{background:var(--color-success-muted);color:var(--color-success)}.metric-change.negative{background:var(--color-error-muted);color:var(--color-error)}input,select,textarea{font-family:var(--font-body);font-size:.875rem}.input{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--color-text-primary);font-size:.875rem;padding:.5625rem .875rem;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);width:100%}.input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-muted);outline:none}.input::placeholder{color:var(--color-text-muted)}.input.select-inline{width:100%}@media (min-width:640px){.input.select-inline{width:auto}}.select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;padding-right:2.25rem}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}table{border-collapse:collapse;width:100%}thead{background:var(--color-surface-subtle)}th{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-align:left;text-transform:uppercase}td,th{padding:.75rem 1rem}td{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:.875rem}tbody tr{transition:background-color var(--duration-fast)}tbody tr:hover{background:var(--color-brand-subtle)}tbody tr:last-child td{border-bottom:none}.table-container thead th{background:var(--color-surface-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:10}.filter-chips{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem}.chip{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .625rem;transition:all var(--duration-fast)}.chip.active{background:var(--color-brand-muted);border-color:#0d948833;color:var(--color-brand-dark)}.dark .chip.active{border-color:#2dd4bf33;color:var(--color-brand-light)}.chip .chip-remove{align-items:center;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:.75rem;height:.875rem;justify-content:center;line-height:1;margin-left:.125rem;opacity:.6;transition:all var(--duration-fast);width:.875rem}.chip .chip-remove:hover{background:#00000014;color:var(--color-error);opacity:1}.dark .chip .chip-remove:hover{background:#ffffff14}.alert-card{align-items:flex-start;border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:.625rem;padding:.875rem 1rem}.alert-card.warning{background:var(--color-warning-muted);border:1px solid #d9770626;color:#92400e}.dark .alert-card.warning{color:var(--color-warning)}.alert-card.error{background:var(--color-error-muted);border:1px solid #dc262626;color:#991b1b}.dark .alert-card.error{color:var(--color-error)}.alert-card.success{background:var(--color-success-muted);border:1px solid #05966926;color:#065f46}.dark .alert-card.success{color:var(--color-success)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.6875rem;font-weight:600;gap:.25rem;letter-spacing:.02em;padding:.125rem .5rem}.badge-success{background:var(--color-success-muted);color:var(--color-success)}.badge-warning{background:var(--color-warning-muted);color:var(--color-warning)}.badge-error{background:var(--color-error-muted);color:var(--color-error)}.badge-info{background:var(--color-info-muted);color:var(--color-info)}.activity-indicator{align-items:center;display:inline-flex;gap:.375rem}.activity-dot{border-radius:50%;flex-shrink:0;height:.5rem;width:.5rem}.activity-dot.active{animation:pulse-dot 2s ease-in-out infinite;background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-muted)}.activity-dot.inactive{background:var(--color-text-muted);opacity:.4}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px var(--color-success-muted)}50%{box-shadow:0 0 0 6px #0000}}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-state-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.empty-state-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin-bottom:.375rem}.empty-state-description{color:var(--color-text-muted);font-size:.875rem;line-height:1.5;max-width:24rem}.skeleton{animation:shimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,var(--color-surface-subtle) 0,var(--color-surface-raised) 40%,var(--color-surface-subtle) 80%);background-size:300% 100%;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app-loader{align-items:center;display:flex;gap:.75rem;justify-content:center;min-height:100vh}.app-loader-dot{animation:loader-bounce 1.2s ease-in-out infinite;background:var(--color-brand);border-radius:50%;height:.5rem;width:.5rem}.app-loader-dot:nth-child(2){animation-delay:.15s}.app-loader-dot:nth-child(3){animation-delay:.3s}@keyframes loader-bounce{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .35s var(--ease-out) forwards}.animate-slide-up{animation:slideUp .45s var(--ease-out) forwards}.animate-scale-in{animation:scaleIn .25s var(--ease-out) forwards}.stagger-children>*{animation:fadeIn .35s var(--ease-out) forwards;opacity:0}.stagger-children>:first-child{animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.text-brand{color:var(--color-brand)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-text-muted)}.bg-brand{background-color:var(--color-brand)}.bg-surface{background-color:var(--color-surface)}.bg-surface-raised{background-color:var(--color-surface-raised)}.border-brand{border-color:var(--color-brand)}.border-subtle{border-color:var(--color-border-subtle)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-brand-muted);color:var(--color-brand-dark)}.dark ::selection{background:var(--color-brand-muted);color:var(--color-brand-light)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}@media print{body{background:#fff;color:#000}.card{border:1px solid #ddd;box-shadow:none}}