:root{--bg-main:#07080b;--bg-card:#0d0f17;--bg-card-subtle:#121520;--bg-input:#151926;--border-dim:#ffffff14;--border-neon:#00ff4159;--border-neon-glow:#00ff4199;--accent-neon:#00ff41;--accent-neon-dim:#00ff411f;--accent-blue:#00b4d8;--accent-blue-dim:#00b4d81f;--accent-warn:#ffb703;--accent-warn-dim:#ffb7031f;--accent-danger:#f36;--accent-danger-dim:#ff33661f;--text-main:#f0f4f8;--text-muted:#8b9bb4;--text-dim:#4f5d75;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Monaco, monospace;--font-cyber:"Orbitron", -apple-system, sans-serif;--shadow-neon:0 0 15px #00ff4140;--shadow-card:0 10px 30px #00000080;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-neon)}.cyber-background{pointer-events:none;z-index:0;background-image:radial-gradient(circle at 50% 0,#00ff4112 0%,#0000 60%),radial-gradient(circle at 90% 90%,#00b4d80d 0%,#0000 50%),linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;position:fixed;inset:0}.app-wrapper{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.brand-title{font-family:var(--font-cyber);letter-spacing:.05em;color:#fff;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:flex}.brand-accent{color:var(--accent-neon);text-shadow:0 0 10px #00ff4199}.navbar{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-dim);background:#07080bd9;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.nav-links{align-items:center;gap:.5rem;list-style:none;display:flex}.nav-item-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:7px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.nav-item-btn:hover{color:var(--text-main);background:#ffffff0a}.nav-item-btn.active{color:var(--accent-neon);background:var(--accent-neon-dim);border-color:#00ff414d;box-shadow:0 0 10px #00ff4126}.status-pill{font-size:.75rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.03em;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.status-pill.connected{background:var(--accent-neon-dim);color:var(--accent-neon);border:1px solid #00ff414d}.status-pill.demo{background:var(--accent-blue-dim);color:var(--accent-blue);border:1px solid #00b4d84d}.status-pill.disconnected{background:var(--accent-danger-dim);color:var(--accent-danger);border:1px solid #ff33664d}.pulse-dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;box-shadow:0 0 8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;gap:8px;padding:9px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{color:#050505;background:linear-gradient(135deg,#00ff41 0%,#0c3 100%);box-shadow:0 0 16px #00ff414d}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 0 24px #00ff4180}.btn-primary:active{transform:translateY(0)}.btn-danger{color:#fff;background:linear-gradient(135deg,#f36 0%,#d90429 100%);box-shadow:0 0 14px #ff336659}.btn-danger:hover{filter:brightness(1.15);box-shadow:0 0 20px #ff33668c}.btn-outline{color:var(--text-main);border:1px solid var(--border-dim);background:#ffffff08}.btn-outline:hover{background:#ffffff14;border-color:#fff3}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text-main);background:#ffffff0d}.btn-sm{padding:5px 10px;font-size:.78rem}.main-container{flex:1;width:100%;max-width:1300px;margin:0 auto;padding:2rem 1.5rem 4rem}.card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:1.5rem;transition:border-color .2s;position:relative;overflow:hidden}.card:hover{border-color:#ffffff26}.card-neon-top:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-neon), transparent);height:2px;position:absolute;top:0;left:0;right:0}.card-header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.card-title{color:#fff;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-dim);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-mono);outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-neon);box-shadow:0 0 10px #00ff4133}.form-input::placeholder{color:var(--text-dim)}.chip{border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);border:1px solid var(--border-dim);color:var(--text-muted);cursor:pointer;background:#ffffff0a;align-items:center;gap:6px;padding:4px 10px;transition:all .15s;display:inline-flex}.chip:hover{color:#fff;background:#ffffff14}.chip.active{background:var(--accent-neon-dim);border-color:var(--accent-neon);color:var(--accent-neon)}.badge-layer{font-family:var(--font-mono);border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:700}.badge-l4{color:var(--accent-blue);background:#00b4d826;border:1px solid #00b4d84d}.badge-l7{color:#f72585;background:#b5179e26;border:1px solid #b5179e4d}.cyber-table{border-collapse:collapse;width:100%;font-size:.85rem}.cyber-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-dim);padding:10px 14px;font-size:.72rem;font-weight:600}.cyber-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:12px 14px}.cyber-table tr:hover td{background:#ffffff05}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);box-shadow:0 0 35px #00ff4126, var(--shadow-card);border-radius:var(--radius-lg);border:1px solid #00ff414d;width:100%;max-width:640px;max-height:90vh;padding:2rem;animation:.25s cubic-bezier(.16,1,.3,1) modalEnter;position:relative;overflow-y:auto}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.code-box{border:1px solid var(--border-dim);border-radius:var(--radius-sm);font-family:var(--font-mono);color:#6bb8ff;background:#040507;padding:1rem;font-size:.82rem;line-height:1.5;position:relative;overflow-x:auto}.copy-btn{border:1px solid var(--border-dim);color:var(--text-muted);cursor:pointer;background:#ffffff14;border-radius:4px;padding:4px 8px;font-size:.75rem;position:absolute;top:8px;right:8px}.copy-btn:hover{color:#fff;background:#ffffff26}.countdown-bar{background:#ffffff14;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.countdown-fill{background:linear-gradient(90deg, var(--accent-neon), #00b4d8);height:100%;transition:width 1s linear}.mobile-toggle-btn{border-radius:var(--radius-sm);border:1px solid var(--border-dim);width:38px;height:38px;color:var(--text-main);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;transition:all .2s;display:none}.mobile-toggle-btn:hover{border-color:var(--accent-neon);color:var(--accent-neon);background:#ffffff1a}.mobile-nav-bar{border-bottom:1px solid var(--border-dim);white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#07080bf2;gap:6px;padding:6px 12px;display:none;overflow-x:auto}.mobile-nav-bar::-webkit-scrollbar{display:none}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(12px);z-index:999;background:#000000d9;flex-direction:column;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer-content{background:#0d0f17;border-bottom:1px solid #00ff414d;flex-direction:column;gap:1.25rem;max-height:85vh;padding:1.5rem 1.25rem 2rem;display:flex;overflow-y:auto;box-shadow:0 10px 40px #000c}.mobile-drawer-links{flex-direction:column;gap:8px;list-style:none;display:flex}.mobile-drawer-btn{border-radius:var(--radius-sm);border:1px solid var(--border-dim);width:100%;color:var(--text-muted);cursor:pointer;background:#ffffff08;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.mobile-drawer-btn:hover,.mobile-drawer-btn.active{background:var(--accent-neon-dim);color:var(--accent-neon);border-color:#00ff4166}@media (width<=992px){.navbar{height:58px;padding:0 1rem}.desktop-nav-links{display:none!important}.mobile-toggle-btn,.mobile-nav-bar{display:flex}.main-container{padding:1.25rem 1rem 3rem}.grid-2,.grid-3{grid-template-columns:1fr!important}.grid-4{grid-template-columns:repeat(2,1fr)!important}.responsive-split-2,.autorunner-grid,.inspector-grid{grid-template-columns:1fr!important}.modal-content{max-height:92vh;padding:1.25rem}}.autorunner-grid{grid-template-columns:1.15fr .85fr;gap:1.5rem;display:grid}.inspector-grid{grid-template-columns:minmax(320px,1fr) 1.5fr;gap:1.5rem;display:grid}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-row-2fr-1fr{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.break-word-all{overflow-wrap:anywhere;word-break:break-word}@media (width<=768px){.inspector-grid{grid-template-columns:1fr!important}.mobile-view-tabs{display:inline-flex!important}.inspector-grid[data-mobile-view=list] .inspector-detail-panel,.inspector-grid[data-mobile-view=detail] .inspector-list-panel{display:none!important}.mobile-back-to-list{display:inline-flex!important}.mobile-stack-flex{flex-direction:column!important;align-items:stretch!important}.mobile-full-width{width:100%!important}}.mobile-back-to-list{display:none}@media (width<=580px){.navbar{padding:0 .75rem}.brand-title{font-size:1.05rem}.main-container{padding:.85rem .65rem 2.5rem}.card{padding:1rem .85rem}.grid-4{grid-template-columns:1fr!important}.form-row-2,.form-row-2fr-1fr{grid-template-columns:1fr!important;gap:.75rem!important}.status-pill{padding:3px 7px;font-size:.68rem}.btn{padding:8px 14px;font-size:.82rem}.auth-card-responsive{padding:1.5rem 1.15rem!important}}