*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:oklch(52% .14 165);--color-primary-hover:oklch(47% .16 165);--color-primary-light:oklch(95% .04 165);--color-primary-muted:oklch(82% .06 165);--color-accent:oklch(76% .155 75);--color-accent-light:oklch(96% .04 75);--color-bg:oklch(97.5% .004 165);--color-surface:oklch(99.5% .001 165);--color-surface-raised:#fff;--color-border:oklch(91% .008 165);--color-border-strong:oklch(78% .015 165);--color-text:oklch(17% .02 165);--color-text-secondary:oklch(42% .02 165);--color-text-tertiary:oklch(60% .015 165);--color-text-inverse:oklch(98% .005 165);--color-success:oklch(58% .15 145);--color-success-light:oklch(93% .04 145);--color-warning:oklch(72% .15 80);--color-warning-light:oklch(95% .04 80);--color-danger:oklch(58% .18 25);--color-danger-light:oklch(95% .04 25);--color-info:oklch(55% .12 240);--color-info-light:oklch(94% .04 240);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-display:"Sora", "Noto Sans SC", system-ui, sans-serif;--font-body:"Noto Sans SC", "Sora", system-ui, sans-serif;--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;--text-5xl:3rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px oklch(15% .02 165/.06);--shadow-md:0 2px 8px oklch(15% .02 165/.08), 0 1px 2px oklch(15% .02 165/.04);--shadow-lg:0 4px 16px oklch(15% .02 165/.1), 0 2px 4px oklch(15% .02 165/.05);--shadow-xl:0 8px 32px oklch(15% .02 165/.12), 0 4px 8px oklch(15% .02 165/.06);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--max-width:1200px;--nav-height:64px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-sm);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;line-height:1;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-primary-light);color:var(--color-primary)}.btn-secondary:hover{background:var(--color-primary-muted)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{color:var(--color-text);background:oklch(94% .01 165)}.btn-accent{background:var(--color-accent);color:oklch(20% .04 75);box-shadow:var(--shadow-sm)}.btn-accent:hover{filter:brightness(1.05);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:var(--color-danger-light);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-md);border-color:#0000}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:600;line-height:1.4;display:inline-flex}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-accent{background:var(--color-accent-light);color:oklch(45% .1 75)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-warning{background:var(--color-warning-light);color:oklch(42% .12 80)}.badge-muted{color:var(--color-text-secondary);background:oklch(94% .01 165)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.form-input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--duration-fast), box-shadow var(--duration-fast)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px oklch(52% .14 165/.12)}.form-select{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;appearance:none;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='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px oklch(52% .14 165/.12)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s var(--ease-out) both}.animate-fade{animation:fadeIn .4s var(--ease-out) both}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.grid-stats-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.grid-2-1{gap:var(--space-4);grid-template-columns:2fr 1fr;display:grid}.grid-form-3{gap:var(--space-4);grid-template-columns:1fr 1fr 1fr;display:grid}.table-row-7{grid-template-columns:60px 1fr 80px 80px 80px 80px 80px 120px;align-items:center;display:grid}.table-row-6{grid-template-columns:60px 1fr 80px 80px 100px 100px 100px;align-items:center;display:grid}.table-row-4{grid-template-columns:80px 1fr 100px 100px;align-items:center;display:grid}.mobile-tab-bar{background:var(--color-surface-raised);border-top:1px solid var(--color-border);z-index:200;height:56px;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-tab-bar a{font-size:var(--text-xs);color:var(--color-text-tertiary);transition:color var(--duration-fast);flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-weight:500;text-decoration:none;display:flex}.mobile-tab-bar a.active{color:var(--color-primary)}.mobile-tab-bar a span.tab-icon{font-size:1.25em;line-height:1}@media (width<=768px){:root{--nav-height:56px}.container{padding:0 var(--space-4)}.grid-stats-4{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.grid-3{gap:var(--space-4);grid-template-columns:1fr}.grid-2,.grid-2-1,.grid-form-3{grid-template-columns:1fr}.table-row-7,.table-row-6,.table-row-4{gap:var(--space-2);flex-wrap:wrap;display:flex}.mobile-tab-bar{display:flex}.nav-links-desktop,.nav-user-desktop{display:none!important}.nav-hamburger{display:flex!important}.mobile-menu{display:flex}main{padding-bottom:72px}}@media (width<=480px){.grid-stats-4{grid-template-columns:1fr 1fr}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}