:root{color-scheme:dark;--bg: #050505;--panel: #0a0a0a;--panel-2: #101010;--panel-3: #151515;--line: #292929;--line-soft: #1d1d1d;--text: #f4f4f4;--text-soft: #c8c8c8;--muted: #858585;--muted-2: #5f5f5f;--white: #ffffff;--ok: #d8f5d1;--warn: #f4d58a;--bad: #ef9a9a;--info: #d9e7ff;--radius: 8px;--mono: "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer}#app{min-height:100vh}.dashboard{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr);background:radial-gradient(circle at 72% -10%,rgba(255,255,255,.075),transparent 28%),linear-gradient(180deg,#060606,#020202)}.sidebar{border-right:1px solid var(--line);background:#060606f5;min-height:100vh;padding:20px 16px;display:flex;flex-direction:column;gap:22px}.brand{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;min-width:0}.brand-mark{width:36px;height:36px;border:1px solid #f2f2f2;border-radius:4px;display:grid;place-items:center;font-size:13px;font-weight:800;letter-spacing:0;color:var(--white)}.brand-title{font-size:14px;line-height:1.1;font-weight:750}.brand-subtitle{color:var(--muted);font-size:11px;margin-top:3px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.mode-button{height:34px;border:0;border-right:1px solid var(--line);background:#090909;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.mode-button:last-child{border-right:0}.mode-button.is-active{background:#f4f4f4;color:#050505}.nav-block{display:grid;gap:5px}.nav-label,.meta-label,.card-title,.table th,.field-label{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.nav-label{padding:0 8px 6px}.nav-item{width:100%;min-height:36px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-soft);padding:0 9px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;text-align:left;font-size:13px}.nav-icon{width:18px;color:var(--muted);font-family:var(--mono);font-size:11px;text-align:center}.nav-count{color:var(--muted-2);font-family:var(--mono);font-size:10px}.nav-item:hover{border-color:var(--line-soft);background:#0e0e0e;color:var(--white)}.nav-item.is-active{background:#181818;border-color:#383838;color:var(--white)}.sidebar-footer{margin-top:auto;display:grid;gap:10px}.mini-status{border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#090909}.mini-status strong{display:block;margin-top:7px;font-size:20px;font-family:var(--mono);font-weight:500}.mini-status span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.main{min-width:0;display:grid;grid-template-rows:auto 1fr}.topbar{min-height:70px;border-bottom:1px solid var(--line);background:#070707eb;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 24px}.page-kicker{color:var(--muted);font-family:var(--mono);font-size:11px;text-transform:uppercase}.page-title{margin:2px 0 0;font-size:21px;line-height:1.2;font-weight:760;letter-spacing:0}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.search{width:min(300px,26vw);height:36px;border:1px solid var(--line);border-radius:6px;background:#0b0b0b;color:var(--text-soft);padding:0 11px;font-family:var(--mono);font-size:11px;outline:none}.search:focus{border-color:#595959}.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:26px;border:1px solid var(--line);border-radius:999px;padding:0 9px;color:var(--text-soft);background:#0a0a0a;font-family:var(--mono);font-size:10px;white-space:nowrap}.chip:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.chip.ok{color:var(--ok)}.chip.warn{color:var(--warn)}.chip.bad{color:var(--bad)}.chip.info{color:var(--info)}.ghost-button,.primary-button,.danger-button,.icon-button{height:34px;border-radius:6px;padding:0 11px;border:1px solid var(--line);background:#101010;color:var(--text-soft);font-size:12px;font-weight:700}.primary-button{background:#f1f1f1;border-color:#f1f1f1;color:#050505}.danger-button{color:var(--bad);border-color:#3b2424;background:#110909}.icon-button{width:34px;padding:0;display:grid;place-items:center;font-family:var(--mono);color:var(--white)}.ghost-button:hover,.danger-button:hover,.icon-button:hover{border-color:#4b4b4b;color:var(--white)}.content{min-width:0;padding:18px 24px 24px}.view{display:grid;gap:14px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.toolbar-copy{min-width:0}.toolbar-copy p{margin:4px 0 0;color:var(--muted);font-size:12px}.toolbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:14px;min-width:0}.grid.kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.overview{grid-template-columns:minmax(0,1.45fr) minmax(330px,.85fr);align-items:stretch}.grid.two{grid-template-columns:minmax(0,1fr) minmax(330px,.5fr)}.grid.three{grid-template-columns:minmax(220px,.58fr) minmax(0,1fr) minmax(320px,.64fr)}.grid.client-home{grid-template-columns:minmax(280px,.55fr) minmax(0,1fr) minmax(310px,.55fr)}.card,.panel,.globe-panel{border:1px solid var(--line);border-radius:var(--radius);background:#0a0a0af0;min-width:0}.card{padding:13px 14px}.panel{overflow:hidden}.panel-head{min-height:45px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 14px}.panel-body{padding:12px 14px 14px}.metric{display:grid;gap:2px}.metric-value{font-family:var(--mono);font-size:23px;line-height:1.1;font-weight:500;margin-top:5px}.metric-note{color:var(--muted);font-size:11px;line-height:1.4}.metric-note.ok{color:var(--ok)}.metric-note.warn{color:var(--warn)}.metric-note.bad{color:var(--bad)}.globe-panel{position:relative;min-height:520px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.055),transparent 36%),linear-gradient(180deg,#0a0a0a,#050505)}.globe-panel.compact{min-height:312px}.globe-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;min-height:0;z-index:0}.globe-frame{position:absolute;inset:0;z-index:0;width:100%;height:100%;border:0;background:transparent;display:block}.globe-overlay{position:absolute;z-index:2;top:14px;right:14px;width:248px;border:1px solid #363636;border-radius:var(--radius);background:#050505c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.globe-overlay .panel-body{display:grid;gap:8px}.route-step,.event-row,.detail-row,.device-row,.rule-row,.queue-row{border-bottom:1px solid var(--line-soft)}.route-step{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:start;padding:9px 0}.route-step:last-child,.event-row:last-child,.detail-row:last-child,.device-row:last-child,.rule-row:last-child,.queue-row:last-child{border-bottom:0}.route-tag,.small-tag{border:1px solid #3b3b3b;border-radius:5px;color:var(--text-soft);background:#111;font-family:var(--mono);font-size:10px;line-height:20px;min-width:34px;height:22px;text-align:center}.route-tag.ok,.small-tag.ok{color:var(--ok)}.route-tag.warn,.small-tag.warn{color:var(--warn)}.route-tag.bad,.small-tag.bad{color:var(--bad)}.route-step strong,.event-row strong,.detail-row strong,.device-row strong,.rule-row strong,.queue-row strong{display:block;color:var(--white);font-size:12px;line-height:1.25}.route-step span,.event-row span,.detail-row span,.device-row span,.rule-row span,.queue-row span{display:block;color:var(--muted);font-family:var(--mono);font-size:10px;line-height:1.45;margin-top:2px}.globe-caption{position:absolute;z-index:2;left:14px;bottom:12px;color:var(--muted);font-family:var(--mono);font-size:10px}.globe-readout{position:absolute;z-index:2;right:14px;bottom:12px;color:var(--text-soft);font-family:var(--mono);font-size:10px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{border-bottom:1px solid var(--line-soft);padding:10px;text-align:left;vertical-align:middle}.table td{color:var(--text-soft)}.table tr:last-child td{border-bottom:0}.table strong{display:block;color:var(--white);font-size:12px}.table small{display:block;margin-top:2px;color:var(--muted);font-family:var(--mono);font-size:10px}.feed{display:grid}.event-row{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:start;padding:10px 0}.event-time{color:var(--muted-2);font-family:var(--mono);font-size:10px;white-space:nowrap}.queue-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 0}.progress{grid-column:1 / -1;height:3px;border-radius:2px;background:#202020;overflow:hidden}.progress-bar{height:100%;background:#f2f2f2}.bar-chart{height:132px;display:flex;align-items:flex-end;gap:5px;padding-top:14px}.bar-chart i{display:block;flex:1;min-width:5px;background:#888;border-radius:2px 2px 0 0;opacity:.52}.bar-chart i.is-hot{background:#f2f2f2;opacity:.92}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{border:1px solid var(--line-soft);border-radius:6px;background:#0d0d0d;padding:10px}.field-value{color:var(--text-soft);font-family:var(--mono);font-size:12px;margin-top:5px;overflow-wrap:anywhere}.detail-list,.device-list,.rule-list{display:grid}.detail-row,.device-row,.rule-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0}.rule-row{grid-template-columns:42px minmax(0,1fr) 110px auto}.device-row{grid-template-columns:34px minmax(0,1fr) auto}.device-icon{width:30px;height:30px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;font-family:var(--mono);font-size:10px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{min-height:30px;border:1px solid var(--line);border-radius:999px;background:#0b0b0b;color:var(--muted);padding:0 10px;display:inline-flex;align-items:center;font-size:11px;font-weight:700}.filter-pill.is-active{color:#050505;background:#f2f2f2;border-color:#f2f2f2}.split-row{display:flex;justify-content:space-between;gap:12px;color:var(--text-soft);font-size:12px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.split-row:last-child{border-bottom:0}.split-row span:first-child{color:var(--muted)}.detail-row .chip,.device-row .chip,.rule-row .chip,.table .chip{display:inline-flex;align-items:center;justify-content:center;margin-top:0}.drawer{border:1px solid var(--line);border-radius:var(--radius);background:#090909;min-width:0}.drawer .panel-body{display:grid;gap:12px}.large-number{font-family:var(--mono);font-size:36px;line-height:1;font-weight:500;margin-top:8px}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.hide{display:none!important}@media(max-width:1180px){.dashboard{grid-template-columns:206px minmax(0,1fr)}.grid.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.overview,.grid.two,.grid.three,.grid.client-home{grid-template-columns:1fr}.globe-panel{min-height:460px}.topbar{grid-template-columns:1fr}.topbar-actions{justify-content:flex-start}.search{width:min(420px,100%)}}@media(max-width:760px){.dashboard{display:block}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav-block{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-label{grid-column:1 / -1}.content,.topbar{padding-left:14px;padding-right:14px}.toolbar{display:grid}.toolbar-actions,.topbar-actions{justify-content:stretch}.toolbar-actions>*,.topbar-actions>*{flex:1}.grid.kpis,.field-grid{grid-template-columns:1fr}.globe-panel{min-height:430px}.globe-overlay{position:static;width:auto;margin:12px}.globe-caption,.globe-readout{display:none}.rule-row,.event-row{grid-template-columns:1fr}}.auth-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),transparent 28%),#030303;padding:18px}.dashboard,.main,.content{max-width:100vw}.main,.content{overflow-x:hidden}.metric-value{overflow-wrap:anywhere}.grid.overview{align-items:start}.grid.overview .globe-panel{height:520px}.auth-lang{position:fixed;top:18px;right:18px}.login-panel{width:min(440px,100%);border:1px solid var(--line);border-radius:var(--radius);background:#080808f0;padding:28px;display:grid;gap:14px}.login-panel h1{margin:4px 0 0;font-size:28px;letter-spacing:0}.login-panel p{margin:0;color:var(--muted);line-height:1.55}.brand-logo{width:36px;height:36px;object-fit:contain;display:block}.login-panel .brand-logo{width:52px;height:52px}.login-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:fit-content}.form-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 120px auto;gap:10px;align-items:stretch}.route-form{grid-template-columns:repeat(3,minmax(160px,1fr))}.route-preview-form{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);border-radius:6px;background:#0b0b0b;color:var(--text);min-height:36px;padding:8px 10px;outline:none}.form-grid textarea{min-height:78px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#5f5f5f}.form-error{color:var(--bad);font-size:12px;align-self:center}.inline-note,.preview-result{color:var(--muted);font-size:12px}.preview-result{align-self:center}.table-wrap{overflow-x:auto;max-width:100%}.mobile-card-list{display:none}.mobile-card{border:1px solid var(--line-soft);border-radius:6px;background:#090909;padding:12px;display:grid;gap:10px}.mobile-card strong,.mobile-card span,.mobile-card code{display:block}.mobile-card span,.mobile-card code{color:var(--muted);font-family:var(--mono);font-size:10px;overflow-wrap:anywhere}.table code{font-family:var(--mono);font-size:10px;color:var(--muted);overflow-wrap:anywhere}.audit-controls label{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;white-space:nowrap}.audit-controls select{min-height:34px;border:1px solid var(--line);border-radius:6px;background:#080808;color:var(--text);padding:0 30px 0 10px;outline:none}.audit-controls select:focus{border-color:#5f5f5f}.desktop-table .table{table-layout:fixed;min-width:940px}.desktop-table .table th:nth-child(1),.desktop-table .table td:nth-child(1){width:185px}.desktop-table .table th:nth-child(2),.desktop-table .table td:nth-child(2){width:205px}.desktop-table .table th:nth-child(3),.desktop-table .table td:nth-child(3){width:160px}.desktop-table .table th:nth-child(4),.desktop-table .table td:nth-child(4){width:130px}.desktop-table .table td{vertical-align:top}.desktop-table .table .chip{max-width:100%;min-width:0;white-space:normal;word-break:break-word;text-align:center}.desktop-table .table td:last-child code{display:block;max-width:100%;white-space:normal;word-break:break-word}.audit-card dl{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px 10px;margin:0}.audit-card dt{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.audit-card dd{margin:0;min-width:0;color:var(--text-soft);font-family:var(--mono);font-size:10px;overflow-wrap:anywhere}.pagination-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px;color:var(--muted);font-family:var(--mono);font-size:11px}.pagination-bar .ghost-button:disabled{cursor:default;opacity:.42}.row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.enterprise-rule-row{grid-template-columns:42px minmax(0,1fr) auto minmax(120px,auto)}.enterprise-device-row{grid-template-columns:42px minmax(0,1fr) auto minmax(220px,auto)}.enterprise-device-row small{display:block;color:var(--muted);font-family:var(--mono);font-size:10px;margin-top:3px}.empty-state{min-height:82px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line-soft);border-radius:6px;font-size:12px}.large-profile{display:grid;gap:20px}.subscription-actions{margin-bottom:12px}.subscription-grid{align-items:stretch}.qr-code{width:min(256px,100%);aspect-ratio:1;image-rendering:pixelated;background:#fff;border-radius:6px;padding:8px}.secret-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.secret-row code{min-width:0;display:block;color:var(--text-soft);font-family:var(--mono);font-size:10px;background:#060606;border:1px solid var(--line-soft);border-radius:6px;padding:10px;overflow-wrap:anywhere}.code-block{max-height:560px;overflow:auto;border:1px solid var(--line-soft);border-radius:6px;background:#060606;color:var(--text-soft);padding:14px;font-family:var(--mono);font-size:11px;line-height:1.55}@media(max-width:980px){.form-grid,.route-form,.route-preview-form,.device-form{grid-template-columns:1fr 1fr}}@media(max-width:760px){.form-grid,.route-form,.route-preview-form,.device-form,.enterprise-rule-row,.enterprise-device-row{grid-template-columns:1fr}.row-actions{justify-content:stretch}.row-actions>button{flex:1}.topbar-actions .ghost-button,.toolbar-actions .ghost-button,.toolbar-actions .primary-button{min-width:0;white-space:normal}.audit-controls,.audit-controls label,.audit-controls select{width:100%}.audit-controls label{justify-content:space-between}.chip{white-space:normal;text-align:center}.nav-block{max-height:220px;overflow:auto}.grid.overview .globe-panel{height:430px}.table{min-width:680px}.table-wrap{border:1px solid var(--line-soft);border-radius:6px}.desktop-table{display:none}.mobile-card-list{display:grid;gap:10px}.audit-card dl{grid-template-columns:1fr;gap:4px}.pagination-bar{justify-content:stretch;display:grid;grid-template-columns:1fr auto 1fr}.pagination-bar .ghost-button{min-width:0}.secret-row{grid-template-columns:1fr}}