*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-white:#fff;--color-grey:#f6f6f6;--color-black:#000;--color-orange-red:#f40;--color-violet:#b650fe;--bg:var(--color-white);--bg-subtle:var(--color-grey);--fg:var(--color-black);--fg-muted:#555;--accent:var(--color-orange-red);--accent-secondary:var(--color-violet);--border:#e0e0e0;--surface:var(--color-white);--surface-hover:var(--color-grey);--font-body:Arial, Helvetica, sans-serif;--font-display:Arial, Helvetica, sans-serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius:6px;--radius-lg:10px;--radius-xl:16px;--shadow-sm:0 1px 3px #00000014;--shadow:0 2px 8px #0000001a;--shadow-lg:0 4px 20px #0000001f}html,body{font-family:var(--font-body);font-size:var(--text-base);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.55}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:none;padding:8px 18px;font-weight:600;transition:opacity .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{opacity:.88}.btn:active{opacity:.75}.btn-primary{background:var(--accent);color:var(--color-white)}.btn-secondary{background:var(--color-grey);color:var(--fg);border:1px solid var(--border)}.btn-violet{background:var(--accent-secondary);color:var(--color-white)}.btn-ghost{color:var(--fg-muted);border:1px solid var(--border);background:0 0}.btn-sm{font-size:var(--text-xs);padding:5px 12px}.btn-lg{font-size:var(--text-md);padding:11px 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-hover:hover{box-shadow:var(--shadow);border-color:#ccc}.badge{font-size:var(--text-xs);border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.badge-orange{color:var(--color-orange-red);background:#fff0eb}.badge-violet{color:var(--color-violet);background:#f5ebff}.badge-green{color:#2e7d32;background:#e8f5e9}.badge-red{color:#c62828;background:#ffebee}.badge-grey{background:var(--color-grey);color:var(--fg-muted)}input,select,textarea{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:8px 12px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff44001a}label{font-size:var(--text-sm);color:var(--fg);margin-bottom:var(--space-1);font-weight:600;display:block}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}th{text-align:left;background:var(--bg-subtle);color:var(--fg-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:10px 14px}td{border-bottom:1px solid var(--border);color:var(--fg);padding:10px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-subtle)}hr{border:none;border-top:1px solid var(--border);margin:var(--space-4) 0}.text-muted{color:var(--fg-muted)}.text-accent{color:var(--accent)}.text-violet{color:var(--accent-secondary)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}