:root{--bg:#0d0f14;--surface:#141720;--elevated:#1c2030;--accent:#7b5cf0;--accent-2:#00e5c3;--danger:#f04e4e;--success:#27e09a;--warning:#f0a840;--text-primary:#eaedf5;--text-secondary:#8a90a8;--border:#252a3a;--gradient-cta:linear-gradient(135deg,#7b5cf0,#00e5c3);--gradient-accent:linear-gradient(135deg,#7b5cf0,#5e3be8);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px rgba(0,0,0,.35);--shadow-md:0 4px 20px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(123,92,240,.25);--shadow-soft:0 18px 60px rgba(0,0,0,.42);--ease-smooth:cubic-bezier(.4,0,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 18% -10%,rgba(123,92,240,.08),transparent 32%),radial-gradient(ellipse at 96% 8%,rgba(0,229,195,.05),transparent 30%),var(--bg);font-family:Inter,system-ui,sans-serif;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}.mono{font-family:JetBrains Mono,monospace;font-size:.875em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#141720f5,#12151ee6);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .25s,box-shadow .25s,transform .25s}.card:hover{border-color:#7b5cf05c;box-shadow:0 16px 48px #0000004d,0 0 22px #7b5cf014;transform:translateY(-2px)}.card-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14172099;border:1px solid hsla(0,0%,100%,.07);border-radius:var(--radius-lg)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1.4rem;transition:transform .15s,opacity .15s,box-shadow .15s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn-primary{background:var(--gradient-cta);box-shadow:0 10px 28px #7b5cf03d;color:#fff}.btn-primary:hover{box-shadow:0 12px 32px #7b5cf059,0 0 42px #00e5c31f}.btn-secondary{background:#1c2030e0;border:1px solid hsla(0,0%,100%,.06);color:var(--text-primary)}.btn-secondary:hover{background:#7b5cf012;border-color:#7b5cf073}.btn-danger{background:#f04e4e26;border:1px solid rgba(240,78,78,.3);color:var(--danger)}.btn-danger:hover{background:#f04e4e40}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--elevated);color:var(--text-primary)}.btn-sm{font-size:.8rem;padding:.4rem 1rem}.btn-lg{font-size:1rem;padding:.85rem 2rem}.btn-icon{border-radius:var(--radius-sm);min-width:2rem;padding:.5rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.label{color:var(--text-secondary);font-size:.8125rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.input{background:#1c2030d1;border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.9375rem;outline:none;padding:.65rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.input::-moz-placeholder{color:var(--text-secondary);opacity:.7}.input::placeholder{color:var(--text-secondary);opacity:.7}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7b5cf026}.input.error{border-color:var(--danger)}.input.error:focus{box-shadow:0 0 0 3px #f04e4e26}select.input{cursor:pointer}select.input option{background:var(--elevated)}textarea.input{min-height:5rem;resize:vertical}.input-error{color:var(--danger);font-size:.8rem;margin-top:.2rem}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;letter-spacing:.03em;padding:.25rem .65rem}.badge-active{background:#27e09a1f;border:1px solid rgba(39,224,154,.25);color:var(--success)}.badge-pending{background:#f0a8401f;border:1px solid rgba(240,168,64,.25);color:var(--warning)}.badge-danger{background:#f04e4e1f;border:1px solid rgba(240,78,78,.25);color:var(--danger)}.badge-accent{background:#7b5cf026;border:1px solid rgba(123,92,240,.3);color:var(--accent)}.badge-secondary{background:var(--elevated);border:1px solid var(--border);color:var(--text-secondary)}.table-wrapper{background:linear-gradient(180deg,#141720f5,#12151ee6);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-lg);box-shadow:0 18px 58px #00000038;overflow-x:auto}table{border-collapse:collapse;font-size:.9rem;width:100%}th{background:#1c2030ad;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.06em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}td{border-bottom:1px solid rgba(37,42,58,.6);color:var(--text-primary);padding:.875rem 1rem}tr:last-child td{border-bottom:none}tr:hover td{background:#1c203080}.pagination{gap:.5rem;margin-top:1.5rem}.page-btn,.pagination{align-items:center;display:flex;justify-content:center}.page-btn{background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;height:2.25rem;transition:all .15s;width:2.25rem}.page-btn.active,.page-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.4}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{animation:shimmer 1.6s infinite;background:linear-gradient(90deg,var(--elevated) 25%,hsla(0,0%,100%,.04) 50%,var(--elevated) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}.toast-container{bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;position:fixed;right:1.5rem;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;min-width:280px;padding:.875rem 1.25rem}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{background:#27e09a26;border:1px solid rgba(39,224,154,.3);color:var(--success)}.toast-error{background:#f04e4e26;border:1px solid rgba(240,78,78,.3);color:var(--danger)}.toast-info{background:#7b5cf026;border:1px solid rgba(123,92,240,.3);color:var(--accent)}.toast-warning{background:#f0a84026;border:1px solid rgba(240,168,64,.3);color:var(--warning)}.container{margin:0 auto;max-width:1280px;padding:0 1.5rem}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.grid-2{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.grid-4{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{border-radius:var(--radius-md);padding:1rem}.btn{max-width:100%}.input{min-width:0}}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.avatar{align-items:center;background:var(--elevated);border:2px solid var(--border);border-radius:50%;color:var(--accent);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:2.5rem;justify-content:center;-o-object-fit:cover;object-fit:cover;width:2.5rem}.avatar-lg{font-size:1.25rem;height:4rem;width:4rem}.status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.status-dot-active{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot-pending{background:var(--warning)}.status-dot-danger{background:var(--danger)}.section-title{color:var(--text-primary);font-size:1.35rem;font-weight:700;margin-bottom:1.25rem}.section-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.25rem;margin-top:-.75rem}.progress-bar{background:var(--elevated);border-radius:999px;height:6px;overflow:hidden}.progress-bar__fill{background:var(--gradient-cta);border-radius:999px;height:100%;transition:width .6s ease}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .25s ease}.slide-up-leave-active{transition:all .2s ease}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-10px)}