@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Syne:wght@400;600;700;800&display=swap";#root{width:100%}:root{--bg: #0A0A0C;--surface: #131315;--surface-2: #1C1C1F;--surface-3: #242428;--sidebar-bg: #0D0D10;--topbar-bg: #0F0F12;--pipe: #2A2A2F;--pipe-bright: #454550;--pipe-brass: #5A4D41;--neon-green: #00FF66;--neon-green-dim: rgba(0, 255, 102, .1);--neon-green-glow: rgba(0, 255, 102, .3);--warn-yellow: #FFCC00;--warn-yellow-dim: rgba(255, 204, 0, .1);--warn-yellow-glow: rgba(255, 204, 0, .3);--danger-red: #FF4444;--danger-dim: rgba(255, 68, 68, .1);--text: #F0F0F2;--text-muted: #5A5A66;--text-dim: #2E2E35;--sidebar-width: 64px;--topbar-height: 54px;--radius: 8px;--radius-lg: 12px;--font-display: "Syne", monospace;--font-mono: "JetBrains Mono", monospace;--transition: .14s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-mono);background-color:var(--bg);color:var(--text);min-height:100vh;font-size:13px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--pipe);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--pipe-bright)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes neon-pulse{0%,to{box-shadow:0 0 5px var(--neon-green-glow)}50%{box-shadow:0 0 14px var(--neon-green-glow),0 0 30px var(--neon-green-dim)}}@keyframes neon-dot-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes warn-pulse{0%,to{box-shadow:0 0 6px var(--warn-yellow-glow)}50%{box-shadow:0 0 16px var(--warn-yellow-glow)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}@keyframes scurry-right{0%{transform:translate(-80px) scaleX(1);opacity:0}4%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 80px)) scaleX(1);opacity:0}}@keyframes scurry-left{0%{transform:translate(calc(100vw + 80px)) scaleX(-1);opacity:0}4%{opacity:1}90%{opacity:1}to{transform:translate(-80px) scaleX(-1);opacity:0}}.mouse{position:fixed;pointer-events:none;z-index:9999;opacity:0}.mouse-1{bottom:54px;animation:scurry-right 8s ease-in-out 6s infinite}.mouse-2{bottom:30px;animation:scurry-left 10s ease-in-out 22s infinite}.mouse-3{bottom:70px;animation:scurry-right 7s ease-in-out 40s infinite}.dashboard-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--pipe);display:flex;flex-direction:column;align-items:center;padding:16px 0 20px;z-index:100}.sidebar-logo{width:36px;height:36px;border:1.5px solid var(--neon-green);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--neon-green);margin-bottom:28px;flex-shrink:0;box-shadow:0 0 10px var(--neon-green-glow);cursor:pointer}.sidebar-divider{width:28px;height:1px;background:var(--pipe);margin:8px 0}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;width:100%}.sidebar-item{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;color:var(--text-muted);transition:all var(--transition);position:relative;flex-shrink:0}.sidebar-item svg{width:17px;height:17px}.sidebar-item:hover{background:var(--surface-2);color:var(--text)}.sidebar-item.active{background:var(--neon-green-dim);color:var(--neon-green);border:1px solid rgba(0,255,102,.2)}.sidebar-item.active:before{content:"";position:absolute;left:-1px;width:3px;height:20px;background:var(--neon-green);border-radius:0 2px 2px 0;box-shadow:0 0 8px var(--neon-green-glow)}.avatar-wrapper{position:relative;margin-top:auto}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-3);border:1.5px solid var(--pipe);display:flex;align-items:center;justify-content:center;font-size:13px;font-family:var(--font-mono);font-weight:600;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.sidebar-avatar:hover{border-color:var(--neon-green);color:var(--neon-green)}.avatar-dropdown{position:absolute;bottom:0;left:calc(100% + 12px);min-width:200px;background:var(--surface-2);border:1px solid var(--pipe-bright);border-radius:var(--radius);padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 32px #0006;animation:dropdown-in .12s cubic-bezier(.4,0,.2,1) both;z-index:200}@keyframes dropdown-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.avatar-dropdown-email{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding:6px 8px 4px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-dropdown-sep{height:1px;background:var(--pipe);margin:4px 0}.avatar-dropdown-logout{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;border-radius:5px;padding:7px 8px;font-family:var(--font-mono);font-size:12px;color:var(--danger-red);cursor:pointer;transition:background var(--transition);text-align:left}.avatar-dropdown-logout:hover{background:var(--danger-dim)}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);background:var(--topbar-bg);border-bottom:1px solid var(--pipe);display:flex;align-items:center;padding:0 24px;gap:20px;z-index:90}.topbar-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.01em;white-space:nowrap}.topbar-divider{width:1px;height:18px;background:var(--pipe)}.topbar-search{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--pipe);border-radius:var(--radius);padding:7px 14px;flex:1;max-width:280px;cursor:text;transition:border-color var(--transition)}.topbar-search:focus-within{border-color:var(--pipe-bright)}.topbar-search svg{color:var(--text-muted);flex-shrink:0}.topbar-search input{background:none;border:none;outline:none;color:var(--text-muted);font-family:var(--font-mono);font-size:12px;width:100%}.topbar-search input::placeholder{color:var(--text-dim)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar-badge{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--pipe);border-radius:var(--radius);padding:7px 14px;font-size:11px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--transition)}.topbar-badge:hover{border-color:var(--pipe-bright);color:var(--text)}.main-content{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);min-height:calc(100vh - var(--topbar-height));flex:1;display:flex;gap:1px;background:var(--pipe)}.main-panel{flex:1;background:var(--bg);padding:28px;min-width:0;overflow-y:auto}.right-panel{width:300px;flex-shrink:0;background:var(--surface);padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.right-panel-rat{margin-top:auto;padding-top:12px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.right-panel-rat img{width:100%;max-width:240px;display:block}@media(max-width:900px){.right-panel{display:none}}.page-loading{flex:1;background:var(--bg);display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}.page-loading-spinner{width:14px;height:14px;border:2px solid var(--pipe);border-top-color:var(--neon-green);border-radius:50%;animation:spin .7s linear infinite}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 6px var(--neon-green-glow);animation:neon-pulse 2s ease-in-out infinite}.widget{background:var(--surface-2);border:1px solid var(--pipe);border-radius:var(--radius);padding:16px}.widget-title{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;display:flex;align-items:center;gap:8px}.widget-title:before{content:"//";color:var(--pipe-bright);font-size:9px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--pipe);font-size:11px}.stat-row:last-child{border-bottom:none;padding-bottom:0}.stat-label{color:var(--text-muted)}.stat-value{font-weight:600;color:var(--text);font-family:var(--font-mono)}.stat-value.green{color:var(--neon-green)}.stat-value.yellow{color:var(--warn-yellow)}.mini-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:2px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.mini-badge.green{background:var(--neon-green-dim);color:var(--neon-green);border:1px solid rgba(0,255,102,.2)}.mini-badge.yellow{background:var(--warn-yellow-dim);color:var(--warn-yellow);border:1px solid rgba(255,204,0,.2)}.btn-primary{background:var(--neon-green);color:#0a0a0c;border:none;border-radius:var(--radius);padding:11px 22px;font-family:var(--font-mono);font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:9px;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition)}.btn-primary:hover:not(:disabled){background:#33ff80;box-shadow:0 0 18px var(--neon-green-glow);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7;background:linear-gradient(90deg,var(--neon-green),#00cc44,var(--neon-green));background-size:800px 100%;animation:shimmer 1.6s linear infinite}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--pipe);border-radius:var(--radius);padding:10px 16px;font-family:var(--font-mono);font-size:11px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;letter-spacing:.08em;text-transform:uppercase;transition:border-color var(--transition),color var(--transition)}.btn-secondary:hover{border-color:var(--pipe-bright);color:var(--text)}.spinner{width:11px;height:11px;border:2px solid rgba(0,0,0,.2);border-top-color:#0a0a0c;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.form-grid{display:grid;gap:1px;background:var(--pipe);border:1px solid var(--pipe);border-radius:var(--radius-lg);overflow:hidden;animation:fadeUp .35s .08s ease both}.form-group{display:flex;flex-direction:column;gap:10px;background:var(--surface);padding:18px}.form-group.span-full{grid-column:1 / -1}.form-label{font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:7px}.form-label:before{content:"//";color:var(--pipe-bright)}.form-input,.form-textarea{background:var(--bg);border:1px solid var(--pipe);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);font-size:12px;padding:11px 13px;width:100%;outline:none;transition:border-color var(--transition),box-shadow var(--transition);resize:vertical}.form-input:focus,.form-textarea:focus{border-color:var(--neon-green);box-shadow:0 0 0 2px var(--neon-green-dim)}.form-input.error,.form-textarea.error{border-color:var(--danger-red)}.form-textarea{min-height:130px}.form-textarea.tall{min-height:180px}.form-hint{font-size:10px;color:var(--text-dim);letter-spacing:.05em}.form-error{font-size:10px;color:var(--danger-red);letter-spacing:.05em}.json-parsed-fields{display:flex;flex-direction:column;gap:5px;padding:10px 13px;background:var(--surface-3);border:1px solid var(--pipe);border-left:2px solid var(--neon-green);border-radius:var(--radius);margin-top:6px}.json-field-row{display:flex;align-items:flex-start;gap:12px}.json-field-key{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--neon-green);min-width:100px;padding-top:1px;flex-shrink:0;opacity:.75}.json-field-val{font-size:11px;color:var(--text-muted);line-height:1.5;word-break:break-word}.submit-row{margin-top:20px;display:flex;gap:10px;align-items:center;animation:fadeUp .35s .12s ease both}.result-panel{margin-top:28px;background:var(--surface);border:1px solid var(--pipe);border-left:3px solid var(--neon-green);border-radius:var(--radius-lg);overflow:hidden;animation:fadeUp .4s ease both}.result-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--pipe);background:var(--surface-2)}.result-title{font-size:9px;font-weight:600;color:var(--neon-green);letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.result-title:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 8px var(--neon-green-glow)}.result-body{padding:20px;font-size:12.5px;color:var(--text-muted);white-space:pre-wrap;line-height:1.9}.copy-btn{background:transparent;border:1px solid var(--pipe);border-radius:var(--radius);padding:5px 12px;font-size:9px;font-weight:600;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;letter-spacing:.14em;text-transform:uppercase;transition:all var(--transition)}.copy-btn:hover{border-color:var(--neon-green);color:var(--neon-green)}.copy-btn.copied{border-color:var(--neon-green);color:var(--neon-green);background:var(--neon-green-dim)}.status-banner{margin-top:16px;padding:12px 16px;border-radius:var(--radius);display:flex;align-items:flex-start;gap:10px;font-size:12px;animation:fadeUp .3s ease both;line-height:1.6}.status-banner.success{background:var(--neon-green-dim);border:1px solid rgba(0,255,102,.25);border-left:3px solid var(--neon-green);color:var(--neon-green)}.status-banner.error{background:var(--danger-dim);border:1px solid rgba(255,68,68,.25);border-left:3px solid var(--danger-red);color:#f77}.status-banner.loading{background:var(--warn-yellow-dim);border:1px solid rgba(255,204,0,.25);border-left:3px solid var(--warn-yellow);color:var(--warn-yellow)}.status-banner-icon{font-size:13px;flex-shrink:0;margin-top:1px}.home-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--neon-green);margin-bottom:10px;display:flex;align-items:center;gap:8px;animation:fadeUp .4s ease both}.home-eyebrow:before{content:"";display:inline-block;width:16px;height:1.5px;background:var(--neon-green);opacity:.6}.home-heading{font-family:var(--font-display);font-size:clamp(24px,3vw,36px);font-weight:800;color:var(--text);line-height:1.1;margin-bottom:10px;animation:fadeUp .4s .05s ease both;letter-spacing:-.01em}.home-heading em{font-style:normal;color:var(--neon-green)}.home-sub{color:var(--text-muted);font-size:12px;max-width:400px;margin-bottom:36px;animation:fadeUp .4s .1s ease both;line-height:1.7}.page-heading{font-family:var(--font-display);font-size:clamp(20px,2.5vw,28px);font-weight:800;margin-bottom:4px;line-height:1.1;animation:fadeUp .35s ease both;letter-spacing:-.01em}.page-sub{color:var(--text-muted);font-size:11.5px;margin-bottom:28px;animation:fadeUp .35s .04s ease both}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:var(--text-muted);cursor:pointer;background:none;border:none;padding:0;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-mono);margin-bottom:24px;transition:color var(--transition)}.back-link:hover{color:var(--neon-green)}