*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f7fa;--surface: #ffffff;--surface2: #f0f2f7;--border: #e2e6ef;--border-strong: #c9d0e0;--accent: #3b7ef8;--accent-dim: rgba(59, 126, 248, .1);--accent-hover: #2563eb;--green: #16a34a;--green-dim: rgba(22, 163, 74, .08);--green-border: rgba(22, 163, 74, .3);--red: #dc2626;--red-dim: rgba(220, 38, 38, .07);--red-border: rgba(220, 38, 38, .3);--orange: #ea580c;--text: #1a202c;--text-dim: #64748b;--text-muted: #94a3b8;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--radius: 12px;--radius-sm: 8px}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface2)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}