:root{--color-primary:#6d28d9;--color-primary-dark:#5b21b6;--color-accent:#06b6d4;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--color-bg:#f5f3ff;--color-bg-gradient:linear-gradient(135deg, #6d28d9 0%, #06b6d4 100%);--color-surface:#fff;--color-surface-alt:#f1eefe;--color-border:#e4defc;--color-text:#1e1b2e;--color-text-muted:#6b6483;--color-text-on-primary:#fff;--radius:12px;--shadow:0 4px 20px #6d28d91f;--shadow-lg:0 12px 32px #6d28d92e}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}button{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-family:inherit;font-weight:600;transition:transform 80ms,box-shadow .15s,opacity .15s}button:active{transform:scale(.97)}button.primary{background:var(--color-bg-gradient);color:var(--color-text-on-primary);box-shadow:var(--shadow)}button.primary:hover{box-shadow:var(--shadow-lg)}button.secondary{background:var(--color-surface-alt);color:var(--color-primary-dark)}button.danger{background:var(--color-danger);color:#fff}button.success{background:var(--color-success);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.page{max-width:1200px;margin:0 auto;padding:24px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 12px}th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.error-banner{color:#991b1b;background:#fee2e2;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:14px}.badge{background:var(--color-surface-alt);color:var(--color-primary-dark);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}