@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";nav{position:fixed;top:0;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 50px;background:#050608cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--neon-cyan),transparent 60%);z-index:100}.logo{font-weight:700;letter-spacing:4px;color:var(--neon-cyan);font-family:JetBrains Mono;font-size:1.8rem}.nav-links{display:flex;gap:30px}.nav-links button{background:none;border:none;color:#888;font-family:JetBrains Mono;font-size:1.1rem;cursor:pointer;transition:.2s ease}.nav-links button.active{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.nav-links button:hover{color:color-mix(in srgb,var(--neon-cyan),transparent 30%);text-shadow:0 0 10px color-mix(in srgb,var(--neon-cyan),transparent 30%);text-decoration:underline}.viewport{width:300vw;height:100vh;display:flex;transition:transform var(--transition)}.page{min-width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding-top:80px}.hero-content{text-align:center;max-width:700px}.hero-content h1{font-size:2rem;margin:0;text-transform:uppercase;letter-spacing:-2px}.hero-content h1 span{font-size:6rem;color:var(--neon-cyan);text-shadow:0 0 20px color-mix(in srgb,var(--neon-cyan),transparent 40%)}.hero-content p{font-size:1.4rem;color:#888;margin:0}.hero-content p span{color:var(--neon-cyan);text-shadow:0 0 20px color-mix(in srgb,var(--neon-cyan),transparent 40%)}.scan-line{width:100px;height:2px;background:var(--neon-cyan);margin:25px auto 40px;box-shadow:0 0 15px var(--neon-cyan)}.app-shell{width:90%;max-width:1000px;height:550px;background:var(--panel-bg);border:1px solid var(--neon-cyan);display:grid;grid-template-columns:250px 1fr;box-shadow:0 0 50px #000c;border-radius:4px}.viewer-content{padding:10px 30px}.sidebar{border-right:1px solid var(--neon-cyan);padding:25px;display:flex;flex-direction:column;gap:10px}.nav-item{background:none;border:1px solid transparent;color:#555;padding:12px;text-align:left;font-family:JetBrains Mono;font-size:.7rem;cursor:pointer;border-radius:4px}.nav-item.active{border:1px solid var(--neon-cyan)!important;color:var(--neon-cyan)!important}.nav-item:hover{border:1px solid color-mix(in srgb,var(--neon-cyan),transparent 60%);color:color-mix(in srgb,var(--neon-cyan),transparent 60%)}.tab-pane{display:none;height:100%}.tab-pane h2{color:var(--neon-cyan);display:flex;flex-direction:row}.tab-pane h2 span{margin-left:auto}.tab-pane p{color:#888;line-height:1.6}.tab-pane.active{display:flex;flex-direction:column;animation:fadeIn .5s ease}.stats-visual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}.stat-item-visual{width:fit-content}.gauge-wrapper{position:relative;width:120px;height:120px;margin:0 auto}.gauge-svg{transform:rotate(-90deg);overflow:visible}.gauge-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.gauge-fill{fill:none;stroke:var(--neon-cyan);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease-in-out;filter:drop-shadow(0 0 5px var(--neon-cyan))}.gauge-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gauge-text .value{display:block;font-size:1.1rem;font-weight:700;color:var(--neon-cyan)}.gauge-text .label{font-size:.6rem;opacity:.6;letter-spacing:1px}.mini-card{background:#ffffff08;border:1px solid rgba(0,255,240,.1);padding:10px;display:flex;align-items:center;gap:10px;margin-bottom:10px;border-radius:4px}.mini-card svg{color:var(--neon-cyan);filter:drop-shadow(0 0 5px var(--neon-cyan))}.mini-icon{font-size:1.2rem}.mini-info span{font-size:.6rem;opacity:.5;display:block}.mini-info div{font-size:.9rem;margin-top:.2rem;color:var(--neon-cyan)}.system-footer{width:100%;margin-top:auto;margin-bottom:.4rem;font-size:.7rem;opacity:.7;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;display:flex;align-items:center;gap:15px}.system-footer .footer-left,.system-footer .footer-right{display:flex;align-items:center;gap:15px}.system-footer .footer-right{margin-left:auto}.system-footer span span{color:var(--neon-cyan)}.pulse{font-size:.7rem;display:flex;flex-direction:row;align-items:center;color:var(--neon-cyan);gap:.6rem}.pulse svg{height:16px;animation:blink 1.5s infinite}.core-topology-card{display:flex;flex-direction:column;padding:10px!important;min-height:100px}.core-header{display:flex;align-items:center;gap:8px;font-size:.7rem;color:#888;margin-bottom:8px}.core-grid-visual{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;align-content:center;justify-content:center;width:100%}.core-dot{width:20px;height:20px;background-color:var(--bg-dark-core);border:1px solid #222;border-radius:2px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.core-index{font-size:.5rem;color:#444;font-family:monospace}.core-dot.active{background-color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan)}.core-dot.active .core-index{color:#000;font-weight:700}.core-legend{font-size:.6rem;color:#555;text-align:center;margin-top:5px}.dash-section{margin-top:1rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;margin-top:1rem}.action-card{background:#727aec0d;border:1px dashed var(--border-color);padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition);border-radius:4px;text-align:center}.action-card .lucide{color:var(--neon-cyan);width:24px;height:24px;transition:var(--transition)}.action-card:hover{background:var(--neon-cyan);color:var(--bg-black);border-style:solid;border-color:var(--neon-cyan);box-shadow:0 0 20px #727aec66;transform:translateY(-5px)}.action-card:hover .lucide{color:var(--bg-black)}.action-card:active{transform:translateY(0) scale(.95)}.login-btn{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:15px 30px;font-family:JetBrains Mono,monospace;cursor:pointer;transition:.3s;margin-top:20px;border-radius:4px}.login-btn:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan)}.logout-btn{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:10px 20px;font-family:JetBrains Mono,monospace;cursor:pointer;transition:.3s;border-radius:4px}.logout-btn:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan)}.lock-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.login-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;text-align:center}.login-gate .lucide{color:var(--neon-cyan);height:100px}.dashboard-layout{display:flex;height:100vh;background:var(--bg-black);color:#e0e0e0;font-family:var(--font-mono)}.dashboard-wrapper{width:95%;max-width:80vw;height:80vh;margin:1rem auto;background:var(--panel-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;border-radius:4px;overflow-y:auto;position:relative}.dash-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;margin-bottom:2rem}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:45px;height:45px;border-radius:50%;border:2px solid var(--neon-cyan);box-shadow:0 0 10px #727aec4d}.user-text{display:flex;flex-direction:column}.username{font-size:1.1rem;font-weight:700;color:var(--neon-cyan)}.user-id{font-size:.7rem;color:#888}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.dash-section h3{font-size:.8rem;color:var(--neon-cyan);letter-spacing:3px;margin-bottom:1.5rem;text-transform:uppercase}.guilds-scroll{max-height:400px;overflow-y:auto;padding-right:10px}.guild-card{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background:#ffffff05;margin-bottom:.6rem;border:1px solid transparent;border-left:2px solid rgba(114,122,236,.2);transition:var(--transition)}.guild-card:hover{background:#727aec0d;border-left-color:var(--neon-cyan)}.guild-card.active{background:#727aec1f;border:1px solid var(--neon-cyan);border-left:5px solid var(--neon-cyan);transform:translate(10px);box-shadow:0 0 20px #727aec26}.guild-card.active .guild-name{color:#fff;text-shadow:0 0 8px var(--neon-cyan)}.guild-card img,.guild-icon-placeholder{width:38px;height:38px;border-radius:4px;object-fit:cover}.manage-btn,.logout-btn,.save-btn,.login-btn{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:6px 14px;font-size:.7rem;text-transform:uppercase;cursor:pointer;transition:var(--transition)}.manage-btn:hover,.logout-btn:hover,.save-btn:hover,.login-btn:hover{background:var(--neon-cyan);color:var(--bg-black);box-shadow:0 0 15px var(--neon-cyan)}.settings-container{margin-top:4rem;padding-top:2rem;border-top:1px dashed var(--border-color);animation:slideIn .6s var(--transition)}.terminal-title{font-size:1.2rem;color:var(--neon-cyan);margin-bottom:2rem}.config-grid-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.config-card{background:#0006;border:1px solid var(--border-color);padding:1.5rem;border-radius:2px;transition:var(--transition)}.config-card:hover{border-color:var(--neon-cyan);background:#727aec05}.input-group{margin-bottom:1.2rem}.input-group label{display:block;font-size:.6rem;color:#666;margin-bottom:5px;text-transform:uppercase}.input-group input,.input-group textarea,.input-group select{width:100%;background:#08090b;border:1px solid var(--border-color);color:#fff;padding:10px;font-family:var(--font-mono);outline:none;transition:var(--transition)}.input-group input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #727aec1a}.notification-popup{position:fixed;top:25px;left:50%;transform:translate(-50%);background:var(--bg-black);border:1px solid var(--neon-cyan);padding:12px 25px;z-index:10000;box-shadow:0 0 30px #000c}.notification-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--neon-cyan)}:root{--neon-cyan: #727aec;--bg-black: #050608;--neon-red: #ff003c;--dark-bg: #050505;--panel-bg: rgba(15, 18, 22, .9);--border-color: rgba(0, 255, 204, .2);--transition: .3s cubic-bezier(.85, 0, .15, 1)}*{box-sizing:border-box;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#30363d #0d1117}body,html,.root,.app{margin:0;padding:0;color:#fff;background-color:var(--bg-black);font-family:sans-serif;overflow:hidden;background-image:radial-gradient(color-mix(in srgb,var(--neon-cyan),transparent 90%) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--neon-cyan),transparent 90%) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--neon-cyan),transparent 90%) 1px,transparent 1px);background-size:4px 4px,40px 40px,40px 40px;background-position:0 0,20px 20px,20px 20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-popup{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;background:#0d1117;border:1px solid var(--neon-cyan);padding:12px 24px;border-radius:4px;box-shadow:0 0 20px #0ff3;animation:slideDown .4s cubic-bezier(.18,.89,.32,1.28);min-width:300px}.notification-popup.error{border-color:#ff003c;box-shadow:0 0 20px #ff003c33}.notification-content{font-family:JetBrains Mono,monospace;color:#fff;font-size:.9rem;text-align:center}.terminal-prefix{color:var(--neon-cyan);margin-right:10px;font-weight:700}.notification-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--neon-cyan);width:100%;animation:progressOut 3s linear forwards}.notification-popup.error .notification-progress{background:#ff003c}@keyframes slideDown{0%{top:-100px;opacity:0}to{top:20px;opacity:1}}@keyframes progressOut{0%{width:100%}to{width:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px;background-color:#0d1117}::-webkit-scrollbar-track{background:#0d1117;border-left:1px solid #30363d}::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px;border:2px solid #0d1117;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan, #00ffff);box-shadow:0 0 10px #00ffff80}.guilds-scroll,.config-card textarea{scrollbar-gutter:stable}