@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--void:#050505;--cement:#1c1c1c;--accent:#0fc;--accent-glow:#0fc6;--danger:#f03;--warning:#fc0;--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--void);color:#fff;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px}.mono-text{font-family:var(--font-mono)}.accent-text{color:var(--accent)}.btn{background:var(--accent);color:#000;font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;border:none;padding:.8rem 1.5rem;font-weight:700;transition:all .2s}.btn:hover{box-shadow:0 0 15px var(--accent-glow);transform:translateY(-2px)}.btn-ghost{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-ghost:hover{box-shadow:0 0 10px var(--accent-glow);background:#00ffcc1a}.panel{border:1px solid var(--cement);background:#080808;padding:1.5rem;position:relative;overflow:hidden}.panel-header{border-bottom:1px solid var(--cement);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.panel-title{color:#888;font-size:.9rem}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-active{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.status-pending{background:var(--warning);box-shadow:0 0 8px #fc06}.status-error{background:var(--danger);box-shadow:0 0 8px #f036}.input-field{border:1px solid var(--cement);color:#fff;width:100%;font-family:var(--font-sans);background:#111;margin-bottom:1rem;padding:.8rem;transition:border-color .2s}.input-field:focus{border-color:var(--accent);outline:none}.label{font-family:var(--font-mono);color:#888;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;display:block}.layout-container{background-color:var(--void);width:100vw;height:100vh;display:flex}.sidebar{border-right:1px solid var(--cement);background-color:#080808;flex-direction:column;width:260px;padding:1.5rem 0;display:flex}.brand{border-bottom:1px solid var(--cement);margin-bottom:1.5rem;padding:0 1.5rem 1.5rem}.brand-title{font-family:var(--font-mono);color:#fff;letter-spacing:2px;font-size:1.2rem}.brand-subtitle{font-family:var(--font-mono);color:var(--accent);margin-top:.3rem;font-size:.7rem}.nav-links{flex-direction:column;gap:.5rem;padding:0 1rem;display:flex}.nav-link{color:#888;font-family:var(--font-sans);border-radius:4px;align-items:center;gap:.8rem;padding:.8rem 1rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background:#ffffff08}.nav-link.active{color:var(--accent);border-left:2px solid var(--accent);background:#00ffcc1a;border-radius:0 4px 4px 0}.user-status{border-top:1px solid var(--cement);margin-top:auto;padding:1.5rem}.status-row{font-family:var(--font-mono);color:#aaa;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.main-content{background:radial-gradient(circle at 100% 0,#00ffcc08,#0000 40%);flex:1;padding:2rem 3rem;overflow-y:auto}