:root{--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef2ff;--primary-border: #c7d2fe;--success: #059669;--success-soft: #ecfdf5;--success-border: #a7f3d0;--danger: #dc2626;--danger-soft: #fef2f2;--danger-border: #fecaca;--warning: #d97706;--warning-soft: #fffbeb;--warning-border: #fde68a;--info-soft: #eff6ff;--info-border: #bfdbfe;--surface: #ffffff;--surface-subtle: #f8fafc;--bg: #eef1f6;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 4px 14px rgba(15, 23, 42, .05);--shadow-lg: 0 4px 6px rgba(15, 23, 42, .04), 0 12px 32px rgba(15, 23, 42, .1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:var(--radius-sm);padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;line-height:1.3;transition:background .15s,border-color .15s,color .15s,transform .05s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-subtle);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-sm{padding:.32rem .7rem;font-size:.82rem;border-radius:7px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:1.4rem 1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border)}.card-title{margin:0;font-size:1rem;font-weight:700;color:var(--text)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.page-title{margin:0;font-size:1.45rem;font-weight:800;letter-spacing:-.02em}.page-subtitle{margin:.2rem 0 0;color:var(--text-muted);font-size:.9rem}.alert{border-radius:var(--radius-sm);padding:.8rem 1rem;margin-bottom:1rem;font-size:.9rem;border:1px solid transparent;line-height:1.45;white-space:pre-line}.alert.success{background:var(--success-soft);color:#065f46;border-color:var(--success-border)}.alert.error{background:var(--danger-soft);color:#991b1b;border-color:var(--danger-border)}.alert.info{background:var(--info-soft);color:#1e40af;border-color:var(--info-border)}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.22rem .7rem;font-size:.78rem;font-weight:600;letter-spacing:.01em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.badge-success{background:var(--success-soft);color:#047857}.badge-warning{background:var(--warning-soft);color:#b45309}.badge-danger{background:var(--danger-soft);color:#b91c1c}.badge-neutral{background:#f1f5f9;color:#475569}.badge-primary{background:var(--primary-soft);color:var(--primary)}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.field input,.field select,.field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.55rem .75rem;font-size:.92rem;font-family:inherit;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-border)}.field .hint{font-size:.78rem;color:var(--text-muted)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;overflow-x:auto;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;min-width:640px}.table thead th{text-align:left;padding:.75rem 1.25rem;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--surface-subtle);border-bottom:1px solid var(--border);white-space:nowrap}.table tbody td{padding:.85rem 1.25rem;border-bottom:1px solid var(--border);font-size:.9rem;vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-subtle)}.row-primary{font-weight:600;color:var(--text)}.row-sub{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.empty{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:3.2rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.95rem}.empty-icon{font-size:2.2rem;margin-bottom:.6rem;opacity:.6}.row{display:flex;align-items:center;gap:.6rem}.grow{flex:1}.muted{color:var(--text-muted)}