:root{--color-trans-blue:#55cdfc;--color-trans-blue-dark:#3db8e8;--color-trans-pink:#f7a8b8;--color-trans-pink-dark:#e895a5;--color-trans-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-850:#162032;--color-gray-900:#0f172a;--color-gray-950:#020617;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-yellow-400:#facc15;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-6xl:3.75rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -2px rgba(0,0,0,.3);--shadow-glow-blue:0 0 20px rgba(85,205,252,.3);--shadow-glow-pink:0 0 20px rgba(247,168,184,.3);--glass-bg:rgba(15,23,42,.7);--glass-border:rgba(255,255,255,.08);--glass-highlight:rgba(255,255,255,.05)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:linear-gradient(135deg, var(--color-gray-950) 0%, #0a0f1d 50%, var(--color-gray-900) 100%);color:var(--color-trans-white);background-attachment:fixed;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6}.min-h-screen{min-height:100vh}.max-w-sm{max-width:24rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-6{gap:var(--spacing-6)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.pl-6{padding-left:var(--spacing-6)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.w-full{width:100%}.w-4{width:1rem}.w-5{width:1.25rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-0\.5{width:.125rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.left-0{left:0}.top-0{top:0}.z-50{z-index:50}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-850{background-color:var(--color-gray-850)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-950{background-color:var(--color-gray-950)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-red-600{background-color:var(--color-red-600)}.bg-black\/75{background-color:rgba(0,0,0,.75)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.text-white{color:var(--color-trans-white)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-yellow-400{color:var(--color-yellow-400)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-red-400{color:var(--color-red-400)}.text-blue-400{color:var(--color-trans-blue)}.text-blue-600{color:var(--color-blue-600)}.text-pink-400{color:var(--color-trans-pink)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-6xl{font-size:var(--text-6xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.tracking-widest{letter-spacing:.1em}.tracking-wide{letter-spacing:.05em}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tabular-nums{font-variant-numeric:tabular-nums}.text-center{text-align:center}.text-right{text-align:right}.underline{text-decoration:underline}.border{border-style:solid;border-width:1px}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-800{border-color:var(--color-gray-800)}.border-l-2{border-left-style:solid;border-left-width:2px}.border-t-transparent{border-top-color:transparent}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-glow-blue{box-shadow:var(--shadow-glow-blue)}.shadow-glow-pink{box-shadow:var(--shadow-glow-pink)}.overflow-hidden{overflow:hidden}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-gray-200:hover{color:var(--color-gray-200)}.hover\:text-white:hover{color:var(--color-trans-white)}.hover\:border-gray-500:hover{border-color:var(--color-gray-500)}.hover\:shadow-glow-blue:hover{box-shadow:var(--shadow-glow-blue)}.hover\:shadow-glow-pink:hover{box-shadow:var(--shadow-glow-pink)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.cursor-pointer{cursor:pointer}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.accent-trans-pink{accent-color:var(--color-trans-pink)}.accent-trans-blue{accent-color:var(--color-trans-blue)}.shrink-0{flex-shrink:0}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--color-gray-700), var(--color-gray-600));border-radius:3px;outline:none;height:6px;transition:all .2s}input[type=range]:hover{background:linear-gradient(90deg, var(--color-gray-600), var(--color-gray-500))}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.3)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.3)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--color-gray-700), var(--color-gray-600));border-radius:3px;height:6px}.accent-trans-pink::-webkit-slider-thumb{background:linear-gradient(135deg, var(--color-trans-pink), var(--color-trans-pink-dark))}.accent-trans-pink::-moz-range-thumb{background:linear-gradient(135deg, var(--color-trans-pink), var(--color-trans-pink-dark))}.accent-trans-blue::-webkit-slider-thumb{background:linear-gradient(135deg, var(--color-trans-blue), var(--color-trans-blue-dark))}.accent-trans-blue::-moz-range-thumb{background:linear-gradient(135deg, var(--color-trans-blue), var(--color-trans-blue-dark))}input[type=checkbox]{accent-color:var(--color-trans-pink);cursor:pointer;width:18px;height:18px}input[type=radio]{accent-color:var(--color-trans-pink);cursor:pointer;width:18px;height:18px}select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}hr{border:none;border-top:1px solid var(--glass-border);margin:var(--spacing-6) 0}hr.subtle{margin:var(--spacing-4) 0;border-top:1px solid rgba(255,255,255,.05)}a{color:var(--color-trans-blue);text-decoration:none;transition:all .2s}a:hover{color:var(--color-trans-pink);text-decoration:none}.btn{padding:var(--spacing-3) var(--spacing-5);font-size:var(--text-sm);border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2);border:none;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-blue-600), var(--color-blue-700));color:#fff;box-shadow:0 4px 6px -1px rgba(37,99,235,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 12px -2px rgba(37,99,235,.4)}.btn-danger{background:linear-gradient(135deg, var(--color-red-600), var(--color-red-700));color:#fff;box-shadow:0 4px 6px -1px rgba(220,38,38,.3)}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 12px -2px rgba(220,38,38,.4)}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-lg)}.card-header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--glass-border);display:flex}.card-title{font-size:var(--text-sm);color:var(--color-gray-200);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.card-body{gap:var(--spacing-4);flex-direction:column;display:flex}.form-control{gap:var(--spacing-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--color-gray-300);font-weight:500}.form-input{border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);color:var(--color-gray-200);font-size:var(--text-sm);background:rgba(15,23,42,.6);transition:all .2s}.form-input:focus{border-color:var(--color-trans-blue);outline:none;box-shadow:0 0 0 3px rgba(85,205,252,.1)}.form-input:hover{border-color:var(--color-gray-500)}.section-group{gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.03);flex-direction:column;display:flex}.section-title{font-size:var(--text-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.status-indicator{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;display:inline-flex}.status-active{color:var(--color-green-400);background:rgba(74,222,128,.1)}.status-inactive{color:var(--color-gray-400);background:rgba(156,163,175,.1)}.status-error{color:var(--color-red-400);background:rgba(248,113,113,.1)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:var(--spacing-4)}@media (width>=1024px){.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-1{flex:1}.lg\:w-1\/2{width:50%}.lg\:flex-none{flex:none}.lg\:w-96{width:24rem}.lg\:w-auto{width:auto}.lg\:max-w-7xl{max-width:80rem}.lg\:max-w-8xl{max-width:96rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:gap-8{gap:var(--spacing-8)}.lg\:sticky{position:sticky}.lg\:top-6{top:var(--spacing-6)}.lg\:self-start{align-self:flex-start}.lg\:h-fit{height:fit-content}.lg\:max-h-\[calc\(100vh-3rem\)\]{max-height:calc(100vh - 3rem)}.lg\:max-h-screen{max-height:100vh}.lg\:overflow-y-auto{overflow-y:auto}}@media (width>=768px) and (width<=1023px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}}