:root{--bg-base:#060610;--bg-surface:#0e0d1a;--bg-surface-hover:#131228;--border-color:#b48aff14;--border-focus:#b48aff;--text-main:#f0eeff;--text-muted:#a39fbe;--text-inverse:#060610;--primary:#b48aff;--primary-hover:#c5a5ff;--primary-rgb:180, 138, 255;--secondary:#ff7eb3;--secondary-hover:#ff97c3;--secondary-rgb:255, 126, 179;--accent:#ff7eb3;--success:#34d399;--error:#f87171;--warning:#fbbf24;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 2px 10px #0009;--shadow-md:0 10px 30px #000c;--shadow-lg:0 20px 50px #000000e6, 0 0 40px #b48aff0d;--transition-normal:.3s cubic-bezier(.25, .8, .25, 1);--transition-fast:.15s ease;--role-bg:#06050b;--role-surface:#0f0e19;--role-surface-soft:#ffffff05;--role-border:#ffffff14;--role-border-strong:rgba(var(--primary-rgb), .38);--role-text:#f0eeff;--role-muted:#ffffff8c;--role-sidebar:#0b0914;--role-radius:8px;--role-radius-tight:6px;--role-shadow:18px 0 60px #0000008c;--role-panel-shadow:0 10px 30px #0006;--role-page-bg:radial-gradient(circle at 24% 0%, rgba(var(--primary-rgb), .12), transparent 30%), linear-gradient(135deg, #05050b, #080713 52%, #06050b)}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{appearance:textfield!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#b48aff0a 1px,#0000 0),radial-gradient(#ffffff03 1.5px,#0000 0);background-size:32px 32px,64px 64px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff0d}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4{font-family:var(--font-serif);letter-spacing:-.01em;font-weight:700;line-height:1.15}a{color:inherit;transition:var(--transition-fast);text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 32px}.flex-center{justify-content:center;align-items:center;display:flex}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}@media (max-width:768px){.grid-cols-2{grid-template-columns:1fr}}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (max-width:992px){.grid-cols-3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.grid-cols-3{grid-template-columns:1fr}}.btn{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-xs);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.85rem;font-weight:700;display:inline-flex}.btn-primary{--btn-bg:rgba(var(--primary-rgb,180, 138, 255), .1);--btn-border:rgba(var(--primary-rgb,180, 138, 255), .52);--btn-color:var(--primary)}.btn-secondary{--btn-bg:transparent;--btn-border:#ffffff1f;--btn-color:var(--text-muted);--btn-shadow:none}.btn-secondary:hover{--btn-color:var(--text-main);--btn-border:#ffffff59}.btn-outline{--btn-bg:transparent;--btn-border:#b48aff61;--btn-color:var(--primary);--btn-shadow:none}.btn-sm{padding:8px 18px;font-size:.75rem}.btn-lg{padding:18px 36px;font-size:.9rem}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:var(--transition-normal);padding:32px;position:relative}.card:before{content:"";background:linear-gradient(90deg, var(--primary), transparent);opacity:0;width:100%;height:2px;transition:var(--transition-normal);position:absolute;top:0;left:0}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:#b48aff33;transform:translateY(-2px)}.card-interactive:hover:before{opacity:1}.glass{-webkit-backdrop-filter:blur(20px);background:#121015d9;border:1px solid #ffffff08}.form-group{text-align:left;margin-bottom:24px}.form-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.input-field{border-radius:var(--radius-xs);width:100%;color:var(--text-main);font-family:var(--font-sans);transition:var(--transition-fast);background-color:#0000004d;border:1px solid #ffffff14;padding:14px 18px;font-size:.9rem}.input-field:focus{border-color:var(--primary);background-color:#00000080;outline:none;box-shadow:0 0 15px #b48aff0d}.input-field::placeholder{color:#ffffff26}.badge{text-transform:uppercase;border-radius:var(--radius-xs);letter-spacing:.12em;border:1px solid #0000;align-items:center;gap:6px;padding:4px 12px;font-size:.65rem;font-weight:800;display:inline-flex}.badge-primary{color:var(--primary);background-color:#b48aff14;border-color:#b48aff40}.badge-success{color:var(--success);background-color:#34d39914;border-color:#34d39940}.badge-purple{color:var(--secondary);background-color:#e05c8714;border-color:#e05c8740}table{border-collapse:collapse;width:100%;margin-top:24px}th,td{border-bottom:1px solid #ffffff0a;padding:18px 24px;font-size:.9rem}th{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-size:.75rem;font-weight:700}.toast{background-color:var(--bg-surface);border-left:2px solid var(--primary);border-radius:var(--radius-xs);box-shadow:var(--shadow-lg);z-index:2100;letter-spacing:.02em;align-items:center;gap:16px;padding:18px 28px;font-size:.85rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:fixed;bottom:32px;right:32px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}