:root{--color-bg: #F6F8FE;--color-surface: #FFFFFF;--color-primary: #3E63DD;--color-primary-light: #EAF0FF;--color-ink: #1A2340;--color-muted: #64748B;--color-border: #E7ECF7;--color-success: #0EA5A0;--color-warning: #F5A623;--color-danger: #EF5A6F;--radius-lg: 18px;--radius-md: 12px;--shadow-card: 0 12px 30px -18px rgba(30, 41, 90, .18);--font-display: "Manrope", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);font-family:var(--font-body);color:var(--color-ink)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 22px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.page-header h1{margin:0;font-family:var(--font-display);font-size:22px;color:var(--color-ink)}.page-header p{margin:4px 0 0;font-size:13px;color:var(--color-muted)}.page-header .header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-header .header-actions select{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;padding:9px 12px;font-size:13px;font-family:var(--font-body);color:var(--color-ink);cursor:pointer;outline:none}.page-header .header-actions select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}a.primary,button.primary{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:10px;background:var(--color-primary);color:#fff;font-weight:700;font-size:13px;padding:10px 18px;text-decoration:none;cursor:pointer;transition:background .15s ease,transform .1s ease}a.primary:hover,button.primary:hover{background:#3352c4}a.primary:active,button.primary:active{transform:scale(.98)}a.secondary,button.secondary{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-ink);font-weight:600;font-size:13px;padding:9px 18px;text-decoration:none;cursor:pointer;transition:background .15s ease,transform .1s ease}a.secondary:hover,button.secondary:hover{background:var(--color-bg)}a.secondary:active,button.secondary:active{transform:scale(.98)}button.ghost{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer}button.ghost:hover{background:var(--color-primary-light)}a.tertiary,button.tertiary{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:10px;background:transparent;color:var(--color-muted);font-weight:500;font-size:13px;padding:10px 14px;text-decoration:none;cursor:pointer;transition:color .15s ease,background .15s ease}a.tertiary svg,button.tertiary svg{flex-shrink:0}a.tertiary:hover,button.tertiary:hover{background:var(--color-bg);color:var(--color-ink)}a.tertiary:active,button.tertiary:active{transform:scale(.98)}a.danger,button.danger{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:10px;background:var(--color-danger);color:#fff;font-weight:600;font-size:13px;padding:10px 18px;text-decoration:none;cursor:pointer;transition:background .15s ease,transform .1s ease}a.danger svg,button.danger svg{flex-shrink:0}a.danger:hover,button.danger:hover{background:#d64a5c}a.danger:active,button.danger:active{transform:scale(.98)}select,input[type=text],input[type=date],input[type=number],input[type=password]{font-family:var(--font-body)}