:root{--primary: #22c55e;--secondary: #3b82f6;--warning: #f59e0b;--danger: #ef4444;--neutral: #9aa3a8;--bg-primary: #0b0f14;--bg-secondary: #121821;--bg-tertiary: #1a212b;--surface: #101720;--surface-strong: #16202a;--border: #27313c;--divider: #1f2630;--text-primary: #f5f7fa;--text-secondary: #b7c0ca;--text-muted: #7c8794;--font-ui: "Space Grotesk", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;color:var(--text-primary);background:var(--bg-primary);font-family:var(--font-ui);font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% 0%,rgba(34,197,94,.1),transparent 26rem),linear-gradient(135deg,#070a0f 0%,var(--bg-primary) 52%,#070a0f 100%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-root{min-height:100vh;padding:18px}.boot-screen{min-height:100vh;display:grid;place-content:center;gap:20px;background:var(--bg-primary)}.brand-mark{font-family:var(--font-mono);font-size:26px;font-weight:800;letter-spacing:.16em}.brand-mark.compact{font-size:18px;padding:8px 0 28px}.boot-card{display:flex;gap:10px;align-items:center;color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;padding:14px 16px;background:var(--surface)}.connection-screen{padding:18px;place-items:center}.connection-card{width:min(560px,calc(100vw - 36px));display:grid;gap:14px;padding:18px;border:1px solid var(--border);border-radius:8px;background:#101720f0;box-shadow:0 24px 70px #00000059}.connection-title{display:flex;gap:12px;align-items:flex-start}.connection-title svg{flex:0 0 auto;color:var(--primary);margin-top:4px}.connection-title h1{margin:0;font-size:22px;letter-spacing:0}.connection-title p,.connection-help p{margin:6px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.5}.connection-card label{display:grid;gap:7px}.connection-card label span{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.connection-actions{display:grid;grid-template-columns:1fr auto;gap:10px}.quick-presets{display:flex;flex-wrap:wrap;gap:8px}.quick-presets button{min-height:34px;border:1px solid var(--border);border-radius:8px;padding:0 10px;color:var(--text-secondary);background:var(--surface);font-size:12px}.connection-help{padding:12px;border:1px solid var(--divider);border-radius:8px;background:#0b0f1494}.connection-help strong{color:var(--text-primary);font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-stage{min-height:calc(100vh - 36px);display:grid;place-items:center}.phone-shell{width:min(440px,100%);height:min(920px,calc(100vh - 36px));min-height:720px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,#121821fa,#080c11fa);box-shadow:0 26px 80px #00000073}.top-bar{height:64px;display:grid;grid-template-columns:44px 1fr auto auto;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--divider);background:#101720eb}.top-bar.activation{grid-template-columns:1fr auto}.top-brand{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.16em}.top-status,.top-metrics{display:flex;gap:7px;align-items:center;color:var(--text-secondary);font-size:11px;white-space:nowrap}.top-status{color:var(--primary);text-transform:uppercase}.top-status.warning{color:var(--warning)}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.online{background:var(--primary)}.status-dot.warning{background:var(--warning)}.icon-button{width:40px;height:40px;display:grid;place-items:center;color:var(--text-secondary);border:1px solid transparent;border-radius:8px;background:transparent}.icon-button:hover{color:var(--text-primary);border-color:var(--border);background:var(--surface-strong)}.icon-button.danger:hover{color:var(--danger);border-color:#ef444480}.screen-body{flex:1;overflow:auto;padding:18px}.screen-grid,.chat-layout{display:grid;gap:14px}.section-title h1{margin:0;font-size:20px;line-height:1.1;letter-spacing:0}.section-title p{margin:6px 0 0;color:var(--text-muted);font-size:12px}.bottom-nav{height:72px;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:8px;border-top:1px solid var(--divider);background:#101720f5}.bottom-nav button{display:grid;justify-items:center;align-content:center;gap:4px;min-width:0;min-height:54px;border:0;border-radius:8px;color:var(--text-muted);background:transparent;font-size:10px}.bottom-nav button.active{color:var(--primary);background:#22c55e1f}.activation-screen{min-height:100%;display:grid;align-content:center;gap:18px}.activation-hero{display:grid;gap:12px;padding:18px;border:1px solid rgba(34,197,94,.35);border-radius:8px;background:radial-gradient(circle at 100% 0%,rgba(34,197,94,.16),transparent 180px),var(--surface)}.activation-hero svg{color:var(--primary)}.activation-hero h1{margin:0;font-size:24px}.activation-hero p,.activation-note{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.activation-form{display:grid;gap:12px}.activation-form label{display:grid;gap:7px}.activation-form label span{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.activation-submit{width:100%}.activation-error{padding:10px 12px;color:var(--danger);border:1px solid rgba(239,68,68,.35);border-radius:8px;background:#ef44441a;font-size:12px}.activation-note{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:8px;background:#101720b8}.activation-note svg{flex:0 0 auto;color:var(--secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics-grid.two{grid-template-columns:repeat(2,1fr)}.metric-card{min-height:88px;display:grid;align-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#16202af0,#0e141cf0)}.metric-card svg{color:var(--neutral)}.metric-card strong{display:block;font-family:var(--font-mono);font-size:22px;line-height:1}.metric-card span{color:var(--text-muted);font-size:11px}.metric-card.primary{border-color:#22c55e73}.metric-card.primary svg{color:var(--primary)}.metric-card.secondary{border-color:#3b82f673}.metric-card.secondary svg{color:var(--secondary)}.metric-card.warning{border-color:#f59e0b73}.metric-card.warning svg{color:var(--warning)}.metric-card.danger{border-color:#ef444473}.metric-card.danger svg{color:var(--danger)}.panel,.list-block{border:1px solid var(--border);border-radius:8px;background:#101720e0}.panel{padding:14px}.urgent-panel{display:grid;grid-template-columns:1fr auto;gap:12px}.eyebrow{margin-bottom:6px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.urgent-panel h2,.task-detail h2,.panel h2,.list-block h3,.security-panel h3{margin:0;font-size:16px;letter-spacing:0}.urgent-panel p,.task-detail p{color:var(--text-secondary);font-size:13px;line-height:1.4}.data-row{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:var(--text-muted);font-size:12px}.data-row strong{color:var(--text-primary);font-family:var(--font-mono);font-size:12px;text-align:right}.danger-text{color:var(--danger)!important}.home-actions,.toolbar-row{display:flex;gap:10px}.toolbar-row.compact{gap:6px}.action-button,.button{min-height:44px;display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;padding:0 14px;color:var(--text-primary);background:var(--surface-strong)}.action-button{flex:1;justify-content:space-between}.button.small{min-height:32px;padding:0 10px;font-size:12px}.button.primary,.action-button.primary{border-color:#22c55e8c;background:linear-gradient(180deg,#22c55e59,#22c55e24)}.button.secondary,.action-button.secondary{border-color:#3b82f68c;background:#3b82f61f}.button.danger,.action-button.danger{border-color:#ef4444a6;background:#ef444426}.status-badge{display:inline-flex;width:fit-content;max-width:100%;min-height:24px;align-items:center;justify-content:center;border-radius:999px;padding:0 9px;font-family:var(--font-mono);font-size:10px;line-height:1.2;text-align:center;text-transform:uppercase;white-space:normal}.status-badge.primary{color:var(--primary);background:#22c55e1f;border:1px solid rgba(34,197,94,.35)}.status-badge.secondary{color:var(--secondary);background:#3b82f61f;border:1px solid rgba(59,130,246,.35)}.status-badge.warning{color:var(--warning);background:#f59e0b1f;border:1px solid rgba(245,158,11,.35)}.status-badge.danger{color:var(--danger);background:#ef44441f;border:1px solid rgba(239,68,68,.35)}.peer-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.peer-card{min-height:86px;display:grid;gap:5px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.peer-card svg{color:var(--primary)}.peer-card.weak svg{color:var(--warning)}.peer-card.lost svg{color:var(--danger)}.peer-card strong{font-size:13px}.peer-card span{color:var(--text-muted);font-size:11px}.signal-panel{display:flex;justify-content:space-between;align-items:end}.huge-value{font-family:var(--font-mono);font-size:44px;line-height:1}.huge-value.text-value{font-size:28px;text-transform:uppercase}.muted{color:var(--text-muted);font-size:12px}.mini-bars{width:96px;height:56px;display:flex;align-items:end;gap:5px}.mini-bars span{flex:1;min-height:8px;border-radius:2px 2px 0 0;background:var(--primary)}.list-block{padding:12px}.list-block h3{margin-bottom:12px}.peer-row,.queue-row,.device-row,.admin-device-row,.audit-row,.task-row{min-height:54px;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--divider)}.peer-row:first-of-type,.queue-row:first-of-type,.device-row:first-of-type,.admin-device-row:first-of-type,.audit-row:first-of-type,.task-row:first-of-type{border-top:0}.row-main{min-width:0;display:flex;gap:10px;align-items:center}.row-main svg{color:var(--primary);flex:0 0 auto}.row-main strong,.queue-row strong,.admin-device-row strong{display:block;font-size:13px}.row-main span,.queue-row span,.admin-device-row span,.audit-row small{display:block;color:var(--text-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signal-meter{width:76px;height:6px;overflow:hidden;border-radius:999px;background:var(--bg-tertiary)}.signal-meter span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.mono,code{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px}.chat-layout{height:100%;grid-template-rows:auto 1fr auto}.chat-thread{min-height:0;display:flex;flex-direction:column;gap:10px;overflow:auto;padding-right:4px}.chat-bubble{width:min(86%,320px);padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.chat-bubble.own{align-self:end;border-color:#22c55e66;background:#22c55e21}.message-meta{display:flex;justify-content:space-between;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.chat-bubble p{margin:9px 0;color:var(--text-secondary);font-size:13px;line-height:1.45}.composer,.inline-form{display:flex;gap:8px}input,select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:0 12px;color:var(--text-primary);background:var(--surface);outline:none}input:focus,select:focus{border-color:#22c55e99}.round-send{width:46px;min-width:46px;height:46px;display:grid;place-items:center;color:#061009;border:0;border-radius:50%;background:var(--primary)}.task-layout{display:grid;gap:12px}.task-list{display:grid;gap:8px}.task-row{width:100%;border:1px solid var(--border);border-radius:8px;padding:12px;color:var(--text-primary);background:var(--surface);text-align:left}.task-row.active{border-color:#22c55e99}.task-row.readonly{background:transparent}.task-detail-top,.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.map-screen{height:100%;min-height:620px}.map-canvas{position:relative;height:100%;min-height:620px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:linear-gradient(rgba(39,49,60,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(39,49,60,.22) 1px,transparent 1px),radial-gradient(circle at 55% 45%,rgba(34,197,94,.16),transparent 100px),#071018;background-size:32px 32px,32px 32px,auto,auto}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 24px,rgba(154,163,168,.12) 25px 26px),linear-gradient(135deg,transparent 0 49%,rgba(34,197,94,.18) 50%,transparent 51%)}.map-scale{position:absolute;top:18px;right:18px;color:var(--text-secondary);font-family:var(--font-mono);font-size:10px}.map-node{position:absolute;min-width:42px;min-height:42px;display:grid;place-items:center;color:var(--text-primary);border:1px solid rgba(34,197,94,.7);border-radius:50%;background:#22c55e3d;transform:translate(-50%,-50%)}.map-node span{position:absolute;left:48px;width:max-content;color:var(--text-secondary);font-size:11px}.map-node.base{border-color:#3b82f6d9;background:#3b82f659}.map-node.weak{border-color:#f59e0bcc;background:#f59e0b2e}.map-node.lost{border-color:#ef4444cc;background:#ef444429}.map-controls{position:absolute;right:14px;bottom:14px;display:grid;gap:8px}.map-controls button{width:42px;height:42px;display:grid;place-items:center;color:var(--text-primary);border:1px solid var(--border);border-radius:50%;background:#101720e0}.map-empty{position:absolute;top:78px;right:18px;bottom:82px;left:18px;display:grid;place-items:center}.security-panel{display:grid;gap:4px}.activated-device{display:flex;align-items:center;justify-content:space-between;gap:12px}.activated-device h3{margin:0;font-size:15px}.activated-device p{margin:6px 0 0;color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.panic-button{min-height:64px;display:flex;gap:12px;align-items:center;justify-content:center;color:var(--danger);border:1px solid rgba(239,68,68,.7);border-radius:8px;background:linear-gradient(180deg,#ef444433,#ef444414);font-size:17px;font-weight:700;text-transform:uppercase}.api-config{display:grid;gap:10px}.api-config h3{margin:0;font-size:15px}.api-config p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.4}.admin-shell{min-height:calc(100vh - 36px);display:grid;grid-template-columns:240px 1fr;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#0a0f15e0}.admin-sidebar{padding:24px;border-right:1px solid var(--divider);background:#0b0f14eb}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar a{padding:12px;border-radius:8px;color:var(--text-muted);text-decoration:none}.admin-sidebar a.active{color:var(--primary);background:#22c55e1f}.admin-main{padding:28px;overflow:auto}.admin-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.admin-header h1{margin:0;font-size:28px}.admin-header p{color:var(--text-muted)}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-grid .wide{grid-column:1 / -1}.invite-card{display:grid;gap:6px;padding:12px 0;border-top:1px solid var(--divider)}.invite-card span{color:var(--text-muted);font-size:12px}.packet-table{display:grid}.packet-head,.packet-line{display:grid;grid-template-columns:1.3fr 1fr 60px minmax(112px,.8fr);gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--divider)}.packet-head{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.packet-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.audit-row{grid-template-columns:auto 1fr auto}.error-text{color:var(--danger)}.empty-state{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px dashed rgba(154,163,168,.28);border-radius:8px;color:var(--text-secondary);background:#0b0f146b}.empty-state.compact{padding:12px}.empty-state svg{flex:0 0 auto;color:var(--secondary)}.empty-state strong{display:block;color:var(--text-primary);font-size:13px}.empty-state p{margin:4px 0 0;color:var(--text-muted);font-size:12px;line-height:1.45}@media(max-width:900px){.app-root{padding:0}.phone-shell{width:100%;height:100vh;min-height:100vh;border:0;border-radius:0}.admin-shell{grid-template-columns:1fr;min-height:100vh;border:0;border-radius:0}.admin-sidebar{display:none}.admin-main{padding:18px}.admin-header{display:grid;padding-right:120px}.admin-metrics,.admin-grid{grid-template-columns:1fr}.admin-grid .wide{grid-column:auto}}@media(max-width:430px){.connection-actions{grid-template-columns:1fr}.top-bar{grid-template-columns:40px 1fr auto}.top-metrics{display:none}.metrics-grid,.peer-strip{grid-template-columns:1fr}}