:root{--bg: #f8f9fb;--surface: #ffffff;--surface2: #f1f3f7;--border: #e2e6ed;--text: #1a202c;--text2: #4a5568;--text3: #718096;--primary: #5a67d8;--primary-light: #ebedff;--primary-hover: #4c56c0;--success: #38a169;--success-light: #e8f5ee;--warning: #d69e2e;--warning-light: #fef9e7;--danger: #e53e3e;--danger-light: #fff5f5;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 4px rgba(0,0,0,.08), 0 0 1px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}[data-theme=dark]{--bg: #0f1117;--surface: #1a1d27;--surface2: #232637;--border: #2d3249;--text: #e8eaf0;--text2: #a0aec0;--text3: #718096;--primary: #7c8ff0;--primary-light: #1e2240;--primary-hover: #6b7de0;--success: #48bb78;--success-light: #1a2e22;--warning: #ecc94b;--warning-light: #2d2610;--danger: #fc8181;--danger-light: #2d1515;--shadow: 0 1px 4px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;transition:background .2s,color .2s}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;font-family:var(--font);border-radius:var(--radius-sm);font-weight:500;transition:all .15s}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;font-family:var(--font);font-size:.9375rem;padding:.625rem .875rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5a67d826}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface2);color:var(--text);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-full{width:100%}.label{display:block;font-size:.8125rem;font-weight:600;color:var(--text2);margin-bottom:.375rem;letter-spacing:.02em;text-transform:uppercase}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.alert{padding:.875rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:1rem}.alert-error{background:var(--danger-light);color:var(--danger);border-left:3px solid var(--danger)}.alert-success{background:var(--success-light);color:var(--success);border-left:3px solid var(--success)}.alert-warning{background:var(--warning-light);color:var(--warning);border-left:3px solid var(--warning)}.page{max-width:900px;margin:0 auto;padding:1.5rem 1rem 4rem}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:1.25rem}.section-title{font-size:1rem;font-weight:700;margin-bottom:.875rem;color:var(--text2)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.75rem;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-top:.1rem}.table-container{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{background:var(--surface2);color:var(--text2);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.75rem 1rem;text-align:left}td{padding:.75rem 1rem;border-top:1px solid var(--border);color:var(--text)}tr:hover td{background:var(--surface2)}@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:1fr}.page{padding:1rem .75rem 5rem}}