:root{color-scheme:light;--surface: #ffffff;--surface-alt: #f8fafc;--text: #020617;--text-soft: #475569;--text-muted: #64748b;--text-on-dark: #ffffff;--text-muted-on-dark: #cbd5f5;--border: #e2e8f0;--border-strong: #cbd5e1;--primary: #111827;--primary-text: #ffffff;--accent: #1d4ed8;--accent-soft: #eff6ff;--accent-border: #bfdbfe;--danger: #b91c1c;--danger-soft: #fef2f2;--danger-border: #fecaca;--success: #166534;--success-soft: #ecfdf5;--success-border: #bbf7d0;--warning: #b91c1c;--warning-soft: #fef2f2;--warning-border: #fecaca;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-card: 0 8px 30px rgba(15, 23, 42, .06);--shadow-raised: 0 16px 40px rgba(15, 23, 42, .12);--transition-fast: all .15s ease}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--surface-alt);color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:var(--space-md)}.grid{display:grid;gap:var(--space-sm)}.grid-2{grid-template-columns:1.2fr 1fr}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-card);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:active{transform:scale(.995)}.row{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:8px 11px;font-size:14px;font-weight:700;line-height:1.15;cursor:pointer;transition:var(--transition-fast)}.btn:hover{background:var(--surface-alt)}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary);box-shadow:var(--shadow-card)}.btn.primary:hover{opacity:.92}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.ghost{background:transparent;border-color:var(--border)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.input,select,textarea{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);padding:10px 12px;outline:none;transition:var(--transition-fast)}.input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.label{font-size:12px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:12px;color:var(--text-soft)}.badge.green{border-color:var(--success-border);color:var(--success)}.badge.yellow{border-color:var(--warning-border);color:var(--warning)}.badge.red{border-color:var(--danger-border);color:var(--danger)}.tabs{display:flex;gap:var(--space-xs);flex-wrap:wrap}.tab{padding:8px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);cursor:pointer;transition:var(--transition-fast)}.tab:active{transform:scale(.98)}.tab.active{background:var(--surface-alt);border-color:var(--border-strong)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;padding:12px;z-index:1000;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{width:100%;max-width:420px;max-height:calc(100dvh - 24px);background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-raised);animation:modalFadeIn .18s ease-out;display:grid;grid-template-rows:auto auto minmax(0,1fr);box-sizing:border-box}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-title{margin:0;font-size:20px;font-weight:800;color:var(--text)}.modal-close{border:none;background:transparent;font-size:18px;cursor:pointer;color:var(--text-muted)}.modal-divider{height:1px;background:var(--border);margin:12px 0 16px}.modal-body{display:grid;gap:var(--space-sm);max-height:none;min-height:0;overflow-y:auto;overscroll-behavior:contain}@media(max-width:520px){.modal-backdrop{align-items:flex-end;padding:8px}.modal{max-width:none;max-height:calc(100dvh - 16px);border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.small{font-size:12px;color:var(--text-muted)}.hr{height:1px;background:var(--border);margin:10px 0}