*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg2: #f4f6fb;--bg3: #eef1f8;--border: #dde2ef;--border2: #c8cfe8;--text: #1a1a2e;--text2: #5a6080;--text3: #aab0cc;--header: #1e2d6b;--accent: #3b5bdb;--accent2: #2f4ac4;--red: #d63b3b;--green: #2e7d32;--font: "IBM Plex Sans", sans-serif;--mono: "IBM Plex Mono", monospace;--r: 6px;--r2: 10px}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;min-height:100vh}input,select,textarea{font-family:var(--font);font-size:14px;background:var(--bg);border:1px solid var(--border2);border-radius:var(--r);color:var(--text);padding:8px 10px;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--text3)}select option{background:var(--bg)}button{font-family:var(--font);font-size:13px;cursor:pointer;border-radius:var(--r);padding:8px 14px;border:1px solid var(--border2);background:var(--bg3);color:var(--text);transition:all .15s;white-space:nowrap}button:hover{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}button.primary:hover{background:var(--accent2);border-color:var(--accent2);color:#fff}button.danger{border-color:transparent;color:var(--red);background:transparent}button.danger:hover{background:#d63b3b14}button.ghost{border-color:transparent;background:transparent;color:var(--text2);padding:6px 9px}button.ghost:hover{color:var(--accent);background:var(--bg3);border-color:transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@media print{body{background:#fff;color:#000}.no-print{display:none!important}:root{--bg: white;--bg2: #f5f5f5;--bg3: #eee;--text: black;--text2: #444;--border: #ccc;--border2: #bbb}}