@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg: #F1F5F9;--surface: #FFFFFF;--surface-alt: #F8FAFC;--surface-raised: #FFFFFF;--border: #E2E8F0;--border-light: #EEF2F7;--text: #0F172A;--text-sec: #475569;--text-muted: #94A3B8;--primary: #DC2626;--primary-hover: #B91C1C;--primary-light: #FEF2F2;--primary-soft: #FECACA;--success: #16A34A;--success-light: #F0FDF4;--warning: #F59E0B;--warning-light: #FFFBEB;--sidebar-bg: #0F172A;--sidebar-border: rgba(255,255,255,.06);--sidebar-text: rgba(255,255,255,.55);--sidebar-text-active: #FFFFFF;--sidebar-active-bg: rgba(220,38,38,.15);--sidebar-hover-bg: rgba(255,255,255,.06);--sidebar-w: 224px;--topbar-h: 60px;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 6px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 4px 16px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .06);--shadow-xl: 0 20px 48px rgba(15, 23, 42, .14);--ease: .2s cubic-bezier(.4, 0, .2, 1);--ease-fast: .15s cubic-bezier(.4, 0, .2, 1);--ease-slow: .35s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--ease),border-color var(--ease),transform var(--ease)}.card:hover{box-shadow:var(--shadow-sm)}.card-interactive{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--ease),border-color var(--ease),transform var(--ease);cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:#cbd5e1}.card-static{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.badge-red{background:var(--primary-light);color:var(--primary)}.badge-green{background:var(--success-light);color:var(--success)}.badge-gray{background:var(--surface-alt);color:var(--text-sec)}.container{max-width:1200px;margin:0 auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}