*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--accent:#7c3aed;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.35rem .85rem;font-size:.8rem}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}.form-input:focus{border-color:var(--primary)}.form-input::placeholder{color:var(--text-muted)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;padding:.2rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-purple{color:#6d28d9;background:#ede9fe}.badge-green{color:#15803d;background:#dcfce7}.badge-orange{color:#c2410c;background:#ffedd5}.badge-gray{color:#475569;background:#f1f5f9}.badge-red{color:#b91c1c;background:#fee2e2}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1.5rem}.page{min-height:calc(100vh - 64px);padding:2rem 0}.toast-success{background:var(--success)!important}.toast-error{background:var(--danger)!important}