:root{--bg: #f4f5f7;--surface: #ffffff;--surface2: #f8f9fb;--border: #e2e5ea;--border2: #d0d5de;--text: #0f1923;--text2: #4a5568;--text3: #8a9ab0;--accent: #e85d04;--accent-hover: #c94d00;--accent-light: #fff1eb;--green: #16a34a;--green-light: #f0fdf4;--red: #dc2626;--red-light: #fef2f2;--amber: #d97706;--amber-light: #fffbeb;--blue: #2563eb;--blue-light: #eff6ff;--purple: #7c3aed;--purple-light: #f5f3ff;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--radius: 10px;--radius-sm: 6px;--font: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font);outline:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}@media print{body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{position:fixed;top:0;left:0;width:100%;background:#fff;padding:20px;font-family:monospace;font-size:12px}}