*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-h:142;--brand-s:71%;--brand-l:45%;--brand:hsl(var(--brand-h), var(--brand-s), var(--brand-l));--brand-dark:hsl(var(--brand-h), var(--brand-s), 35%);--brand-light:hsl(var(--brand-h), var(--brand-s), 95%);--accent-h:262;--accent-s:83%;--accent-l:58%;--accent:hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-dark:hsl(var(--accent-h), var(--accent-s), 45%);--dark:#0f172a;--mid:#334155;--muted:#64748b;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--bg:#f8fafc;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--radius:24px;--radius-lg:32px;--radius-sm:12px;--radius-xs:8px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-xl:0 25px 50px -12px #00000040;--transition:.3s cubic-bezier(.4, 0, .2, 1);--glass:#ffffffb3;--glass-border:#ffffff4d}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.glass-dark{-webkit-backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #ffffff1a}body{color:var(--dark);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Poppins,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:Poppins,sans-serif}input,textarea,select{outline:none;font-family:Poppins,sans-serif}input:focus,textarea:focus,select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px #25d3662e!important}.btn{border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn i{font-size:.85em}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 6px 20px #25d3664d}.btn-primary:disabled{opacity:.55;box-shadow:none;cursor:not-allowed;transform:none}.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{background:#1e293b;transform:translateY(-1px)}.btn-ghost{border:1.5px solid var(--border);color:var(--mid);background:0 0}.btn-ghost:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.btn-danger{color:var(--danger);background:0 0;border:1.5px solid #fca5a5}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-sm{padding:.35rem .85rem;font-size:.8rem}.btn-lg{padding:.85rem 2rem;font-size:1rem}.btn-icon{border-radius:var(--radius-xs);justify-content:center;width:36px;height:36px;padding:.5rem}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-green{color:#15803d;background:#dcfce7}.badge-yellow{color:#a16207;background:#fef9c3}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-red{color:#b91c1c;background:#fee2e2}.badge-gray{color:#64748b;background:#f1f5f9}.badge-purple{color:#6d28d9;background:#ede9fe}.field{flex-direction:column;gap:.35rem;display:flex}.field label{color:var(--mid);font-size:.8rem;font-weight:600}.field .hint{color:var(--brand-dark);font-size:.75rem;font-weight:500}.input-group{align-items:center;display:flex;position:relative}.input-group .input-icon{color:var(--muted);pointer-events:none;font-size:.9rem;position:absolute;left:.9rem}.input-group input,.input-group select{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;transition:all var(--transition);color:var(--dark);padding:.7rem .9rem .7rem 2.6rem;font-size:.9rem}.input-group input:focus,.input-group select:focus{background:#fff}.input-group .input-suffix{color:var(--muted);cursor:pointer;font-size:.9rem;position:absolute;right:.9rem}.plain-input,.plain-select,.plain-textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;transition:all var(--transition);color:var(--dark);padding:.7rem .9rem;font-size:.9rem}.plain-input:focus,.plain-select:focus,.plain-textarea:focus{background:#fff}.plain-textarea{resize:vertical}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/600px 100%;animation:1.5s infinite shimmer}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-up{animation:.4s both fadeUp}.animate-fade-in{animation:.3s both fadeIn}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite spin;display:inline-block}.spinner-dark{border-color:#0f172a26;border-top-color:var(--dark)}.page-enter-active,.page-leave-active{transition:all .22s}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}