@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg-darker:#050508;--bg-dark:#0b0b12;--bg-card:#121220;--bg-card-hover:#18182d;--bg-input:#1a1a2e;--text-primary:#fff;--text-secondary:#a2a2c2;--text-muted:#64648c;--neon-pink:#f014b0;--neon-pink-glow:#f014b066;--neon-cyan:#00d4ff;--neon-cyan-glow:#00d4ff66;--neon-green:#39ff14;--neon-green-glow:#39ff1466;--neon-yellow:#ffea00;--neon-yellow-glow:#ffea0066;--border-color:#22223b;--border-glow:#f014b01a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--transition:all .3s cubic-bezier(.25, .8, .25, 1);--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink-glow)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}.neon-glow-pink{text-shadow:0 0 5px #fff, 0 0 10px var(--neon-pink), 0 0 20px var(--neon-pink-glow)}.neon-glow-cyan{text-shadow:0 0 5px #fff, 0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan-glow)}.neon-border-pink{border:1px solid var(--neon-pink);box-shadow:0 0 8px var(--neon-pink-glow), inset 0 0 8px var(--neon-pink-glow)}.neon-border-cyan{border:1px solid var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan-glow), inset 0 0 8px var(--neon-cyan-glow)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--neon-pink), #6b0f9c);color:#fff;box-shadow:0 4px 15px var(--neon-pink-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f014b099}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff1a}.btn-neon-cyan{color:var(--neon-cyan);border:1px solid var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan-glow);background:0 0}.btn-neon-cyan:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan);transform:translateY(-2px)}.btn-neon-pink{color:var(--neon-pink);border:1px solid var(--neon-pink);box-shadow:0 0 10px var(--neon-pink-glow);background:0 0}.btn-neon-pink:hover{background:var(--neon-pink);color:#000;box-shadow:0 0 20px var(--neon-pink);transform:translateY(-2px)}.btn-danger{color:#ff6b6b;background:#dc354533;border:1px solid #ff4d4d}.btn-danger:hover{color:#fff;background:#ff4d4d}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-control{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition);padding:12px 16px;font-size:.95rem}.form-control:focus{border-color:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink-glow);outline:none}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a2a2c2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);padding:24px}.card-hover:hover{border-color:var(--neon-pink-glow);background-color:var(--bg-card-hover);box-shadow:0 5px 15px #0006}@keyframes camera-flash{0%{background-color:#fff0}10%{background-color:#fff}to{background-color:#fff0}}.flash-active{animation:.4s ease-out forwards camera-flash}@keyframes pulse-neon{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.pulse{animation:2s ease-in-out infinite pulse-neon}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.grid{gap:20px;display:grid}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background-color:var(--neon-green);box-shadow:0 0 8px var(--neon-green-glow)}.status-dot.offline{background-color:#ff4d4d;box-shadow:0 0 8px #ff4d4d80}.status-dot.syncing{background-color:var(--neon-yellow);box-shadow:0 0 8px var(--neon-yellow-glow);animation:1s ease-in-out infinite pulse-neon}