:root{--bg-dark: #0f172a;--bg-gradient: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(148, 163, 184, .1);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--primary: #3b82f6;--primary-hover: #2563eb;--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--secondary: #64748b;--secondary-bg: #1e293b;--text-main: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--warning: #f59e0b;--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius: 8px;--transition: all .2s ease-in-out}body{margin:0;padding:0;font-family:var(--font-family);background:var(--bg-dark);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--secondary-bg);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow)}input,select{background-color:#0f172a!important;border:1px solid var(--secondary)!important;color:var(--text-main)!important;border-radius:6px;padding:.75rem 1rem}input:focus,select:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 2px #3b82f633}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.container{width:100%;margin-left:auto;margin-right:auto;max-width:1280px;padding-left:1rem;padding-right:1rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}padding-left: 1rem; padding-right: 1rem; } .mx-auto{margin-left:auto;margin-right:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-2{gap:.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-12{height:3rem}.w-12{width:3rem}.h-1{height:.25rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-screen{width:100vw}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.right-0{right:0}.overflow-hidden{overflow:hidden}.p-6{padding:1.5rem}.p-4{padding:1rem}.p-3{padding:.75rem}.p-2{padding:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.mb-8{margin-bottom:2rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mt-12{margin-top:3rem}.mt-10{margin-top:2.5rem}.mt-8{margin-top:2rem}.mt-6{margin-top:1.5rem}.mt-4{margin-top:1rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-center{text-align:center}.text-right{text-align:right}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.cursor-pointer{cursor:pointer}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-none{border-style:none}.text-white{color:#fff}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-transparent{color:transparent}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-transparent{background-color:transparent}.bg-none{background:none}.bg-green-500\/20{background-color:#0f03}.bg-red-500\/20{background-color:#f003}.border-white\/10{border-color:#ffffff1a}.border-white\/5{border-color:#ffffff0d}.border-primary{border-color:var(--primary)}.border-danger{border-color:var(--danger)}.hover\:bg-black\/30:hover{background-color:#0000004d}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-danger:hover{color:var(--danger)}.group:hover .group-hover\:opacity-20{opacity:.2}.transition-opacity{transition:opacity .3s ease}.transition-colors{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.opacity-10{opacity:.1}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}input,select{color-scheme:dark}input:focus,select:focus{border-color:var(--primary)}button:disabled{opacity:.5;cursor:not-allowed}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}input,select{box-sizing:border-box}.pl-10{padding-left:2.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-2>*+*{margin-top:.5rem}.-translate-y-1\/2{transform:translateY(-50%)}.left-3{left:.75rem}.top-1\/2{top:50%}.bg-primary{background-color:var(--primary)}.bg-slate-900{background-color:#0f172a}.border-slate-700{border-color:#334155}.border-slate-600{border-color:#475569}.bg-slate-700,.hover\:bg-slate-700:hover{background-color:#334155}.hover\:bg-slate-600:hover{background-color:#475569}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-blue-500\/20{--tw-shadow-color: rgba(59, 130, 246, .2);box-shadow:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color)}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-red-500:hover{background-color:#ef4444}.hover\:text-white:hover{color:#fff}.hover\:border-red-500:hover{border-color:#ef4444}