:root{--primary:#4361ee;--primary-light:#5a75f0;--primary-dark:#3a0ca3;--secondary:#4cc9f0;--secondary-light:#6dd4f3;--secondary-dark:#3ab8df;--bg:#f5f7fa;--bg-card:#fff;--text:#1a2332;--text-secondary:#5a6b7d;--text-muted:#8b95a5;--border:#e2e8f0;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-light)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.page{min-height:calc(100vh - 140px);padding:32px 0}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:1.4;padding:10px 20px;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--secondary-dark)}.btn-outline{background:transparent;border:1.5px solid var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#4361ee14;color:var(--primary)}.btn-sm{font-size:13px;padding:6px 14px}.btn-lg{font-size:16px;padding:14px 28px}.btn-block{width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md)}.card-body{padding:20px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:6px}.form-input,.form-label{color:var(--text);font-size:14px}.form-input{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1f;outline:none}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:3px 10px}.badge-primary{background:#4361ee1a;color:var(--primary)}.badge-success{background:#22c55e1a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-error{background:#ef44441a;color:var(--error)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.spinner{animation:spin .7s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.loading-center{align-items:center;display:flex;justify-content:center;padding:60px 0}.empty-state{color:var(--text-muted);padding:60px 20px;text-align:center}.empty-state h3{color:var(--text-secondary);font-size:18px;margin-bottom:8px}.alert{border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px;padding:12px 16px}.alert-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--error)}.alert-success{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:var(--success)}.progress-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .3s}.tabs{border-bottom:2px solid var(--border);display:flex;gap:4px;margin-bottom:24px}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;margin-bottom:-2px;padding:10px 16px;transition:all .2s}.tab:hover{color:var(--text-secondary)}.tab.active{border-bottom-color:var(--primary);color:var(--primary)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stat-value{color:var(--primary);font-size:28px;font-weight:700}.stat-label{color:var(--text-muted);font-size:13px;margin-top:4px}