:root{--bg: #FFFCF9;--surface: #F9F6F2;--surface-2: #F3F0EB;--surface-3: #EBE7E2;--surface-4: #E2DED8;--surface-solid: #F9F6F2;--surface-solid-2: #F3F0EB;--border: rgba(0,0,0,.12);--border-2: rgba(0,0,0,.06);--border-hover: rgba(0,0,0,.2);--border-glow: rgba(0,0,0,.1);--text: #1A1816;--text-2: #55504B;--text-3: #857F79;--hot: #E8450E;--hot-dim: rgba(232,69,14,.08);--hot-glow: rgba(232,69,14,.15);--hot-glow-lg: rgba(232,69,14,.08);--blue: #1A6BF0;--blue-dim: rgba(26,107,240,.08);--blue-glow: rgba(26,107,240,.12);--green: #16A34A;--green-dim: rgba(22,163,74,.08);--green-glow: rgba(22,163,74,.12);--gold: #D97706;--gold-dim: rgba(217,119,6,.08);--gold-glow: rgba(217,119,6,.12);--purple: #7C3AED;--purple-dim: rgba(124,58,237,.08);--card-bg: #FFFFFF;--card-border: rgba(0,0,0,.1);--card-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 2px 8px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);--shadow-xl: 0 16px 48px rgba(0,0,0,.14), 0 4px 16px rgba(0,0,0,.08);--shadow-glow-hot: 0 0 0 1px rgba(232,69,14,.15);--shadow-glow-blue: 0 0 0 1px rgba(26,107,240,.15);--shadow-glow-green: 0 0 0 1px rgba(22,163,74,.15);--shadow-glow-gold: 0 0 0 1px rgba(217,119,6,.15);--shadow-inner-highlight: inset 0 1px 0 rgba(255,255,255,.6);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--sidebar-w: 250px;--topbar-h: 64px;--font-disp: "Outfit", "Inter", sans-serif;--font-body: "Plus Jakarta Sans", "Inter", sans-serif;--font-mono: "Outfit", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}ul{list-style:none}input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--hot);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes breathe{0%,to{box-shadow:0 0 0 1px #e8450e1a}50%{box-shadow:0 0 0 2px #e8450e2e}}.skeleton{background:linear-gradient(90deg,#f3f0eb 25%,#ebe7e2,#f3f0eb 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.8s ease infinite}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:border-color var(--duration-normal),box-shadow var(--duration-normal),transform var(--duration-fast)}.animate-in{animation:slideUp var(--duration-slow) ease both}.dialog-backdrop{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#00000040;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.detail-backdrop{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9998}@media (max-width: 768px){.dialog-backdrop{padding:var(--space-sm);align-items:flex-end}body.modal-open{overflow:hidden;position:fixed;width:100%}}