@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--accent-contrast)}a{color:var(--accent-text)}a:hover{color:var(--text)}button,input,select{font-family:inherit}:root{--accent: #f27c4a;--bg: #0a0b0e;--grid: rgba(255,255,255,.025);--surface: #121419;--surface-2: #171a20;--surface-3: #1e222a;--border: rgba(255,255,255,.08);--border-2: rgba(255,255,255,.14);--text: #eef1f5;--muted: #8b929e;--faint: #565c67;--accent-text: #f27c4a;--accent-contrast: #1a0d05;--online: #45db8a;--warn: #ffb43d;--danger: #ff5f5f;--info: #58aaff;--shadow: 0 20px 50px -20px rgba(0,0,0,.6)}[data-theme=light]{--bg: #eef1f5;--grid: rgba(10,12,16,.03);--surface: #ffffff;--surface-2: #f6f8fa;--surface-3: #eef1f4;--border: rgba(11,14,20,.09);--border-2: rgba(11,14,20,.15);--text: #12151b;--muted: #5c636e;--faint: #a2a9b3;--accent-text: #d4611f;--accent-contrast: #1a0d05;--online: #17a862;--warn: #c77b00;--danger: #dd3b3b;--info: #2f7fe0;--shadow: 0 18px 40px -22px rgba(20,30,50,.28)}@keyframes ping{0%{transform:scale(.4);opacity:.7}80%,to{transform:scale(2.4);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rowIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app{min-height:100vh;color:var(--text);background:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px}.layout{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.main{min-width:0}.content{padding:26px 28px 60px}.screen-loading{min-height:240px}.screen-loading:after{content:"";display:block;width:28px;height:28px;margin:90px auto 0;border-radius:50%;border:3px solid var(--border-2);border-top-color:var(--accent);animation:screen-spin .7s linear infinite}@keyframes screen-spin{to{transform:rotate(360deg)}}.mono{font-family:JetBrains Mono,monospace}.display{font-family:Space Grotesk,sans-serif;letter-spacing:-.02em}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:11px;border:none;cursor:pointer;background:var(--accent);color:var(--accent-contrast);font-family:Space Grotesk;font-weight:700;font-size:14px}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:11px;cursor:pointer;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);font-family:Space Grotesk;font-weight:700;font-size:13.5px}.btn-ghost:hover{border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px}.field{display:block}.field>span{font-size:12px;color:var(--muted);font-weight:600}.input{width:100%;margin-top:7px;padding:12px 14px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:14px;outline:none}.input:focus{border-color:var(--accent)}.auth{position:relative;min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-brand{position:relative;overflow:hidden;color:#eef1f5;background:linear-gradient(160deg,#0c0e12,#0a0b0e 60%,#140c08);display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px}.auth-logo{display:flex;align-items:center;gap:12px;z-index:2}.auth-radar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:460px;height:460px;z-index:1}.auth-radar .ring{position:absolute;inset:0;margin:auto;width:90px;height:90px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);animation:ping 3.4s ease-out infinite}.auth-radar .dot{position:absolute;inset:0;margin:auto;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 24px var(--accent)}.auth-form{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--surface)}.auth-form-inner{width:100%;max-width:380px;animation:rise .4s ease}.logo-mark{width:38px;height:38px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar{border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;padding:20px 16px;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:var(--muted);background:transparent;border:none;text-align:left}.nav-item:hover{background:var(--surface-3)}.nav-item.active{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 14%,transparent)}.server-badge{margin-top:auto;padding:14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);z-index:20}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--text);border-color:var(--border-2)}.user-chip{display:flex;align-items:center;gap:9px;padding:5px 6px 5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);user-select:none}.user-chip:hover,.user-chip.active{border-color:var(--border-2)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;font-family:Space Grotesk}.user-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--border-2);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;z-index:40;animation:pop .16s ease}.user-menu-head{padding:13px 14px;border-bottom:1px solid var(--border)}.user-menu-item{display:block;width:100%;text-align:left;padding:12px 14px;border:none;background:transparent;color:var(--danger);font-family:Space Grotesk;font-weight:700;font-size:13.5px;cursor:pointer}.user-menu-item:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.auth-theme{position:absolute;top:22px;right:22px;z-index:5;background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(6px)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:18px 20px}.stat-head{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:12.5px;color:var(--muted);font-weight:600}.stat-value{font-family:Space Grotesk;font-weight:700;font-size:32px;letter-spacing:-.02em;margin-top:10px}.chart{display:flex;align-items:flex-end;gap:5px;height:54px;margin-top:14px}.chart-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.chart-bar{border-radius:4px 4px 2px 2px;min-height:4px}.bar{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent);border-radius:999px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.device-card{padding:18px;cursor:pointer}.device-card:hover{border-color:var(--border-2)}.device-icon{width:40px;height:40px;border-radius:11px;background:var(--surface-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700}.mode-tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:7px;font-family:JetBrains Mono;font-size:11px;font-weight:700}.mini{flex:1;background:var(--surface-2);border-radius:10px;padding:10px 12px}.add-card{border:1.5px dashed var(--border-2);border-radius:16px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;min-height:190px;color:var(--muted)}.add-card:hover{color:var(--accent-text);border-color:var(--accent)}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.search{position:relative;flex:1;max-width:340px}.search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--faint)}.search input{width:100%;padding:11px 14px 11px 38px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13.5px;font-family:JetBrains Mono;outline:none}.search input:focus{border-color:var(--accent)}.select{padding:11px 14px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13.5px;outline:none;cursor:pointer}.tbl-head,.tbl-row{display:grid;grid-template-columns:1.5fr 1fr 1.4fr 1fr;gap:12px;padding:13px 20px;align-items:center}.tbl-head{border-bottom:1px solid var(--border);font-size:11.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.tbl-row{border-bottom:1px solid var(--border);font-size:13.5px}.tbl-row:hover{background:var(--surface-2)}.tbl-row.row-new{animation:rowIn .3s ease}.sig{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.sig span{width:3px;border-radius:1px}.fmt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fmt{border:1.5px solid var(--border);background:var(--surface-2);border-radius:13px;padding:18px;cursor:pointer}.fmt.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.scope{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer}.scope.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.scope.active .radio{border-color:var(--accent)}.radio>span{width:8px;height:8px;border-radius:50%;background:transparent}.scope.active .radio>span{background:var(--accent)}.switch{width:48px;height:27px;border-radius:999px;background:var(--surface-3);padding:3px;cursor:pointer;display:flex;justify-content:flex-start}.switch.on{background:var(--accent);justify-content:flex-end}.switch>span{width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d}.modal-overlay{position:fixed;inset:0;background:#060709a8;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border-2);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;animation:rise .28s ease}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-x{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);border:none;background:transparent}.modal-x:hover{background:var(--surface-3);color:var(--text)}.progress{height:3px;background:var(--surface-3)}.progress>span{display:block;height:100%;background:var(--accent);transition:width .3s}.code-box{width:52px;height:64px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono;font-weight:700;font-size:30px;color:var(--accent-text)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent);border-top-color:transparent;animation:spin .8s linear infinite;display:inline-block}.guide-step{display:flex;align-items:flex-start;gap:14px;padding:15px 16px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border)}.guide-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-family:Space Grotesk;font-weight:700;font-size:14px}.faq-item{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);overflow:hidden}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border:none;background:transparent;color:var(--text);font-family:Space Grotesk;font-weight:700;font-size:14px;text-align:left;cursor:pointer}.faq-q:hover{background:var(--surface-3)}.faq-chevron{color:var(--muted);display:flex;transform:rotate(-90deg);transition:transform .2s}.faq-chevron.open{transform:rotate(90deg)}.faq-a{padding:0 16px 15px;font-size:13px;color:var(--muted);line-height:1.6}