:root{--g-neon-blue: #22d3ee;--g-gold: #ac7f49;--text: #e5e7eb;--accent: var(--g-neon-blue);--g-neon-blue-20: rgba(34, 211, 238, .2);--g-neon-blue-33: rgba(34, 211, 238, .33);--g-neon-blue-40: rgba(34, 211, 238, .4)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background-color:#030712;overflow-x:hidden}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#e5e7eb;position:relative}#root{min-height:100vh}.dark{color-scheme:dark}.gradient-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.video-background{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:1;object-fit:cover}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.header-title{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;z-index:100;background:transparent}.nav-left{display:flex;align-items:center;gap:18px}.logo{width:44px;height:44px;flex-shrink:0}.app-title{font-size:32px;font-weight:700;color:#ac7f49;margin:0;letter-spacing:-.02em}.stage-badge,.dev-mode-badge{display:inline-block;background:#fb923c1f;border:1px solid rgba(251,146,60,.5);color:#fb923c;padding:7px 36px;border-radius:8px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.top-actions{position:fixed;top:24px;right:24px;z-index:9999;display:flex;gap:10px}.admin-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0b122099;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;transition:all .2s;cursor:pointer;text-decoration:none}.admin-btn:hover{background:#0b1220e6;border-color:#fff3;color:#fff;transform:translateY(-1px)}.admin-btn svg{width:18px;height:18px}.logout-btn:hover{background:#ef444433;border-color:#ef444480;color:#ef4444}.content-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:80px 20px 20px;z-index:10;pointer-events:none}.content-wrapper>*{pointer-events:auto}.login-card{background:#86868600;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:20px;width:100%;max-width:360px;text-align:center;position:relative;z-index:20;box-shadow:0 8px 62px #0003}.login-card h2{font-size:24px;margin:20px 0 44px;color:var(--text);font-weight:300;letter-spacing:.5px;font-family:system-ui,-apple-system,sans-serif}.login-card form{display:flex;flex-direction:column;width:100%}.login-card label{display:none}.login-card input{display:block;width:100%;padding:10px 14px;border-radius:10px;border:1px solid #ffffff3a;background:#0b122000;color:var(--text);font-size:14px;text-align:center;transition:all .2s;box-sizing:border-box;margin-bottom:14px}.login-card input:disabled{opacity:.6;cursor:not-allowed}.login-card input:focus{background:#0b122000;color:#fff;outline:2px solid rgba(34,211,238,.5);outline-offset:2px}.login-card input::placeholder{color:#cbd5e199}.login-card input:-webkit-autofill,.login-card input:-webkit-autofill:hover,.login-card input:-webkit-autofill:focus,.login-card input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 50px rgba(11,18,32,0) inset!important;-webkit-text-fill-color:#ffffff!important;border:1px solid #ffffff3a!important;transition:background-color 5000s ease-in-out 0s}.login-card button{width:100%;padding:12px;margin-top:30px;border-radius:10px;border:1px solid #ffffff3a;background:#0f374f7a;color:#e2e2e2d5;cursor:pointer;font-size:14px;transition:all .2s}.login-card button:disabled{opacity:.6;cursor:not-allowed}.login-card button:hover:not(:disabled){background:#ffffff94;color:#0f374f}.login-card button:active:not(:disabled){transform:scale(.98)}.msg{color:#93c5fd;margin-top:16px;min-height:20px;text-align:center;font-size:14px}.bg-gray-900{background-color:#111827}.border-gray-800{border-color:#1f2937}.border-gray-700{border-color:#374151}.text-gray-400{color:#9ca3af}.text-white{color:#fff}.bg-gray-800{background-color:#1f2937}.ring-gray-600{--tw-ring-color: rgb(75 85 99)}.bg-green-500{background-color:#22c55e}.bg-yellow-500{background-color:#eab308}.bg-red-500{background-color:#ef4444}.bg-gray-600{background-color:#4b5563}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-5{gap:1.25rem}@media(min-width:640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-6{padding:1.5rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-5{margin-top:1.25rem}.ml-4{margin-left:1rem}.mr-1\\.5{margin-right:.375rem}.flex{display:flex}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-end{align-items:flex-end}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.hover\\:border-gray-700:hover{border-color:#374151}.hover\\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.h-1{height:.25rem}.h-5{height:1.25rem}.h-10{height:2.5rem}.w-full{width:100%}.w-10{width:2.5rem}.w-5{width:1.25rem}.min-h-full{min-height:100%}.bottom-0{bottom:0}.left-0{left:0}@media(min-width:640px){.sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm\\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\\:tracking-tight{letter-spacing:-.025em}}@media(min-width:1024px){.lg\\:px-8{padding-left:2rem;padding-right:2rem}}.px-4{padding-left:1rem;padding-right:1rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.space-y-8>*+*{margin-top:2rem}@media(max-width:480px){.content-wrapper{padding:70px 16px 16px}.login-card{padding:28px 24px;border-radius:12px;max-width:100%}.login-card h2{font-size:22px;margin-bottom:20px}.login-card input,.login-card button{padding:14px;font-size:16px}.header-title{padding:12px 16px 0}}