*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Inter", -apple-system, sans-serif;--color-bg-base:#09090b;--color-bg-elevated:#18181b;--color-bg-card:#18181b99;--color-bg-input:#27272a80;--color-bg-input-hover:#3f3f4666;--color-border:#3f3f4666;--color-border-subtle:#3f3f4633;--color-border-hover:#52525b80;--color-text-primary:#f8fafc;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-text-inverse:#0a0a0f;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-accent-light:#f59e0b26;--color-primary:#fbbf24;--color-primary-hover:#f59e0b;--color-success:#10b981;--color-success-muted:#10b98126;--color-error:#ef4444;--color-error-muted:#ef444426;--color-warning:#f59e0b;--color-warning-muted:#f59e0b26;--color-info:#3b82f6;--color-info-muted:#3b82f61f;--color-overdue-warning:#f59e0b;--color-overdue-alert:#f97316;--color-overdue-critical:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s ease;--transition-slow:.4s ease;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;--shadow-glow:0 0 20px #f59e0b26;--shadow-accent:0 0 20px #f59e0b33;--sidebar-width:260px;--header-height:64px;--content-max-width:1280px;--mobile-max-width:480px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);min-height:100dvh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.2}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--color-accent), var(--color-primary));color:#fff;box-shadow:0 2px 8px #f59e0b4d}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-border-hover)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-accent-light);color:var(--color-accent)}.btn-danger{background:var(--color-error-muted);color:var(--color-error);border:1px solid #ef444433}.btn-danger:hover:not(:disabled){background:var(--color-error);color:#fff}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-full{width:100%}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);align-items:center;gap:var(--space-1);display:flex}.form-label .required{color:var(--color-error)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #f59e0b33}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239898b0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:2.5rem}.form-textarea{resize:vertical;min-height:100px}.form-error{font-size:var(--text-xs);color:var(--color-error);align-items:center;gap:var(--space-1);display:flex}.card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.card-hover{transition:border-color var(--transition-base), box-shadow var(--transition-base)}.card-hover:hover{border-color:var(--color-accent);box-shadow:var(--shadow-accent)}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);background:var(--color-bg-elevated);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:var(--color-border);transform:translateY(-2px)}.stat-card__icon{border-radius:var(--radius-md);width:44px;height:44px;margin-bottom:var(--space-2);background:var(--color-accent-light);justify-content:center;align-items:center;font-size:1.25rem;display:flex;box-shadow:inset 0 1px 1px #ffffff1a}.stat-card__value{font-family:var(--font-heading);font-size:2rem;font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.1}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 10px;display:inline-flex}.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)}.badge-muted{background:var(--color-bg-elevated);color:var(--color-text-secondary)}.badge-accent{background:var(--color-accent-muted);color:var(--color-accent)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{background:var(--color-bg-elevated);color:var(--color-text-secondary);font-weight:var(--font-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3) var(--space-4);text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border)}.table td{padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-bg-elevated)}.admin-layout{min-height:100dvh;display:flex}.admin-sidebar{width:var(--sidebar-width);background:var(--color-bg-elevated);border-right:1px solid var(--color-border-subtle);z-index:100;flex-direction:column;height:100dvh;display:flex;position:fixed;top:0;left:0}.admin-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100dvh;display:flex}.admin-header{height:var(--header-height);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);padding:0 var(--space-8);z-index:50;align-items:center;gap:var(--space-4);display:flex;position:sticky;top:0}.admin-content{padding:var(--space-8);max-width:var(--content-max-width);flex:1;width:100%;overflow-x:hidden}@media (max-width:768px){.admin-content{padding:var(--space-4)}.admin-header{padding:0 var(--space-4)}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.capture-layout{background:var(--color-bg);min-height:100dvh;max-width:var(--mobile-max-width);flex-direction:column;margin:0 auto;display:flex}.capture-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-3);z-index:50;display:flex;position:sticky;top:0}.capture-content{padding:var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex}.capture-nav{background:var(--color-bg-elevated);border-top:1px solid var(--color-border-subtle);grid-template-columns:repeat(5,1fr);display:grid;position:sticky;bottom:0}.capture-nav-item{padding:var(--space-3) var(--space-2);cursor:pointer;transition:color var(--transition-fast);color:var(--color-text-muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:10px;text-decoration:none;display:flex}.capture-nav-item.active{color:var(--color-accent)}.capture-nav-item:hover:not(.active){color:var(--color-text-secondary)}.capture-nav-item__icon{font-size:1.3rem}.sidebar-logo{padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.sidebar-logo h1{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-extrabold);background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-logo span{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;display:block}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-section-label{font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);text-decoration:none;display:flex}.sidebar-link:hover,.sidebar-link.active{background:var(--color-accent-muted);color:var(--color-accent)}.sidebar-link__icon{text-align:center;width:20px;font-size:1rem}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border-subtle)}.overdue-current{color:var(--color-success);background:var(--color-success-muted)}.overdue-warning{color:var(--color-overdue-warning);background:var(--color-warning-muted)}.overdue-alert{color:var(--color-overdue-alert);background:#f973161f}.overdue-critical{color:var(--color-overdue-critical);background:var(--color-error-muted)}.skeleton{background:linear-gradient(90deg, var(--color-bg-elevated) 25%, var(--color-bg-card) 50%, var(--color-bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s forwards fade-in}.divider{background:var(--color-border-subtle);width:100%;height:1px}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid #0000;display:flex}.alert-success{background:var(--color-success-muted);color:var(--color-success);border-color:#22c55e33}.alert-error{background:var(--color-error-muted);color:var(--color-error);border-color:#ef444433}.alert-warning{background:var(--color-warning-muted);color:var(--color-warning);border-color:#f59e0b33}.alert-info{background:var(--color-info-muted);color:var(--color-info);border-color:#3b82f633}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header h1{font-size:var(--text-2xl)}.page-header p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.grid-stats{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.grid-2{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-5);grid-template-columns:1fr 1fr 1fr;display:grid}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.empty-state{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;display:flex}.empty-state__icon{opacity:.4;font-size:3rem}.empty-state h3{font-size:var(--text-lg);color:var(--color-text-secondary)}.empty-state p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:300px}.auth-page{background:radial-gradient(ellipse at 50% 0%, #f59e0b14 0%, var(--color-bg) 60%);min-height:100dvh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.w-full{width:100%}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.animate-cinematic-up{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) forwards cinematicUp;transform:translateY(30px)}.delay-100{animation-delay:.1s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}@keyframes cinematicUp{0%{opacity:0;filter:blur(8px);transform:translateY(30px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #fff3}50%{box-shadow:0 0 30px #ffffff80}}.glass-nav{-webkit-backdrop-filter:blur(16px);background:#09090b66;border-bottom:1px solid #ffffff0d}@media (max-width:1024px){.admin-sidebar{transition:transform var(--transition-base);transform:translate(-100%)}.admin-sidebar.mobile-open{transform:translate(0)}.admin-main{margin-left:0}}.mobile-nav-toggle{z-index:101;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);box-shadow:var(--shadow-md);padding:8px;display:none;position:fixed;top:12px;left:12px}.mobile-nav-close{color:var(--color-text-muted);background:0 0;border:none;padding:4px;display:none}.mobile-nav-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#00000080;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}@media (max-width:1024px){.mobile-nav-toggle,.mobile-nav-close,.mobile-nav-backdrop{display:block}}@media (max-width:768px){.admin-header{padding:0 var(--space-4)}.admin-content{padding:var(--space-4)}.stat-card__value{font-size:1.5rem}.glass-nav{padding:var(--space-4) var(--space-4)!important}main.hero-section{padding:2vh var(--space-4) 10vh!important}main.hero-section h1{font-size:clamp(2rem,8vw,3rem)!important}}