:root{--ink: #d4e4fa;--canvas: #010f1f;--panel: #122131;--line: #424754;--signal: #adc6ff;--safe: #4edea3;font-family:IBM Plex Sans,Avenir Next,ui-sans-serif,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#010f1f}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:1px solid #adc6ff;outline-offset:2px}.window-shell{width:min(420px,100vw);height:min(580px,100vh);min-height:500px;margin:0 auto;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid #424754;background:#051424}.titlebar{height:36px;flex:0 0 36px;padding:0 8px 0 12px;display:flex;align-items:center;justify-content:space-between;background:#273647;border-bottom:1px solid #424754}.brand{display:flex;align-items:center;gap:7px;font-size:14px}.brand svg{color:#adc6ff}.brand span{padding:2px 5px;background:#4d8eff;color:#00285d;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.04em}.window-controls{display:flex;height:100%}.window-controls button{width:28px;border:0;color:#c2c6d6;background:transparent;font-size:19px;cursor:pointer}.window-controls button:hover{background:#2c3a4c;color:#d4e4fa}.content{flex:1;overflow-y:auto;padding:16px 16px 76px;scrollbar-width:thin;scrollbar-color:#424754 transparent}.content::-webkit-scrollbar{width:4px}.content::-webkit-scrollbar-thumb{background:#424754}.card,.empty-card,.scope-banner,.settings-list,.tool-list,.audit-preview{border:1px solid #424754;background:#122131;border-radius:12px}.card{padding:16px}.card+.card,.card+.mini-grid,.mini-grid+.audit-preview{margin-top:12px}h1,h2,p{margin-top:0}h1{margin-bottom:3px;font-size:20px;line-height:25px}h2{margin-bottom:12px;font-size:13px;line-height:18px}strong{font-size:13px;line-height:18px}small{display:block;color:#c2c6d6;font-size:11px;line-height:15px}.page-heading{margin:1px 0 13px}.page-heading p{margin:0;color:#c2c6d6;font-size:12px;line-height:16px}.card-head,.policy-line,.list-row,.setting-row,.audit-row,.tool-row{display:flex;align-items:center}.card-head{justify-content:space-between;margin-bottom:15px;font-size:13px}.label-with-dot{display:flex;gap:7px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.success{background:#4edea3}.warning{background:#ffb786}.status{font-size:11px;font-weight:600}.success-text{color:#4edea3}.warning-text{color:#ffb786}.overline,.connect-card label{color:#c2c6d6;font-size:11px;font-weight:500;line-height:14px}.overline{margin-bottom:3px}.device-id{display:flex;align-items:center;justify-content:space-between;color:#adc6ff;font-family:JetBrains Mono,ui-monospace,monospace;font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:30px}.device-id button{padding:4px;border:0;background:transparent;color:#c2c6d6;cursor:pointer}.device-id button:hover{color:#adc6ff}.policy-line{justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid #424754}.policy-line strong{display:block}.switch{width:40px;height:22px;padding:2px;border:1px solid #424754;border-radius:999px;background:#273647;cursor:pointer}.switch i{display:block;width:16px;height:16px;border-radius:50%;background:#c2c6d6;transition:transform .15s ease}.switch[aria-pressed=true]{background:#00a572;border-color:#00a572}.switch[aria-pressed=true] i{transform:translate(17px);background:#00311f}.connect-card{background:#1c2b3c}.connect-card label{display:grid;gap:6px}input{width:100%;height:42px;padding:0 11px;border:1px solid #424754;border-radius:8px;color:#d4e4fa;background:#051424;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}input::placeholder{color:#8c909f}.hint{display:flex;align-items:flex-start;gap:6px;margin:10px 0 12px;color:#c2c6d6;font-size:11px;line-height:15px}.hint svg{flex:0 0 auto;margin-top:1px;color:#ffb786}.primary,.outline,.text-button{border-radius:12px;cursor:pointer;font-size:13px;font-weight:600}.primary{min-height:44px;padding:0 13px;border:0;display:inline-flex;gap:7px;justify-content:center;align-items:center;background:#adc6ff;color:#002e6a}.primary:hover:not(:disabled){background:#d8e2ff}.primary:disabled{cursor:not-allowed;opacity:.35}.full{width:100%}.outline{min-height:40px;padding:0 12px;border:1px solid #8c909f;display:inline-flex;justify-content:center;align-items:center;gap:7px;background:transparent;color:#d4e4fa}.outline:hover{border-color:#adc6ff;color:#adc6ff}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mini-card{min-height:84px;padding:12px;border:1px solid #424754;border-radius:12px;background:#0d1c2d}.mini-card span{color:#4edea3}.mini-card p{margin:7px 0 3px;color:#c2c6d6;font-size:11px}.mini-card strong{display:block;font-size:11px;line-height:15px;color:#d4e4fa}.audit-preview{margin-top:12px;padding:12px 16px;background:#0d1c2d}.section-heading h2{margin:0 0 7px;color:#adc6ff;font-size:12px}.audit-row{gap:8px;padding:8px 0}.audit-row>svg{flex:0 0 auto;color:#4edea3}.audit-row div{min-width:0;flex:1}.audit-row strong,.audit-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-row time{color:#8c909f;font-family:ui-monospace,monospace;font-size:10px;white-space:nowrap}.empty-inline{min-height:39px;display:flex;align-items:center;justify-content:center;gap:7px;color:#c2c6d6;font-size:11px}.empty-inline svg{width:16px}.bottom-nav{position:absolute;z-index:2;bottom:0;left:0;right:0;height:56px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #424754;background:#010f1f}.bottom-nav button{min-width:0;padding:5px 1px 4px;border:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;background:transparent;color:#c2c6d6;cursor:pointer}.bottom-nav button span{max-width:100%;overflow:hidden;font-size:9px;line-height:12px;white-space:nowrap}.bottom-nav button.active{color:#4edea3;background:#0d1c2d;border-top:2px solid #4edea3}.segmented{display:flex;margin-bottom:12px;padding:3px;border:1px solid #424754;border-radius:8px;background:#0d1c2d}.segmented button{flex:1;min-width:0;padding:7px 3px;border:0;border-radius:5px;background:transparent;color:#c2c6d6;font-size:10px;cursor:pointer}.segmented .selected{color:#002e6a;background:#adc6ff;font-weight:700}.device-list{padding-bottom:12px}.list-row{gap:10px}.list-row>svg{color:#adc6ff}.list-row div{flex:1}.divider{height:1px;margin:13px 0 1px;background:#424754}.empty-card{min-height:180px;padding:25px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0d1c2d}.empty-card>svg{margin-bottom:10px;color:#8c909f}.empty-card h2{margin-bottom:7px}.empty-card p{margin:0;color:#c2c6d6;font-size:12px;line-height:18px}.scope-banner{display:flex;gap:10px;margin-bottom:12px;padding:12px;background:#0d1c2d}.scope-banner>svg{flex:0 0 auto;color:#adc6ff}.scope-banner strong,.scope-banner span{display:block}.scope-banner span{margin-top:2px;color:#c2c6d6;font-size:11px;line-height:15px}.tool-list{overflow:hidden;background:#0d1c2d}.tool-row{min-height:58px;gap:10px;padding:9px 12px;border-bottom:1px solid #424754}.tool-row:last-child{border-bottom:0}.tool-row>svg{flex:0 0 auto;color:#8c909f}.tool-row div{flex:1;min-width:0}.tool-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-row button{flex:0 0 auto;padding:4px 6px;border:1px solid #424754;border-radius:4px;background:transparent;color:#8c909f;font-size:9px}.settings-list{overflow:hidden;background:#0d1c2d}.setting-row{min-height:60px;gap:10px;padding:10px 12px;border-bottom:1px solid #424754}.setting-row:last-child{border-bottom:0}.setting-row>span{color:#adc6ff}.setting-row>div{flex:1;min-width:0}.setting-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{border:0;display:inline-flex;align-items:center;padding:4px;background:transparent;color:#adc6ff}.security-note{display:flex;gap:8px;margin-top:12px;padding:12px;border:1px solid #6f4f37;border-radius:8px;color:#ffdcc6;background:#1c2b3c}.security-note svg{flex:0 0 auto}.security-note p{margin:0;font-size:11px;line-height:16px}.toast{position:absolute;z-index:5;right:12px;bottom:63px;left:12px;padding:10px 10px 10px 12px;border:1px solid #4edea3;border-radius:8px;display:flex;align-items:flex-start;gap:8px;background:#003824;color:#d4e4fa;font-size:11px;line-height:15px}.toast span{flex:1}.toast button,.modal-title button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.modal-backdrop{position:absolute;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#010f1fdb}.modal{width:100%;padding:16px;border:1px solid #8c909f;border-radius:12px;background:#122131}.modal-title{display:flex;align-items:center;gap:8px;color:#adc6ff}.modal-title h2{flex:1;margin:0;font-size:15px}.modal-title button{color:#c2c6d6}.modal>p{margin:13px 0;color:#c2c6d6;font-size:12px;line-height:18px}.check-row{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid #424754;border-radius:8px;color:#d4e4fa;font-size:11px;line-height:16px}.check-row input{width:15px;height:15px;flex:0 0 auto;accent-color:#4edea3}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.modal-actions .primary,.modal-actions .outline{min-height:36px;border-radius:8px;font-size:12px}.audit-modal{max-height:72%;overflow-y:auto}.audit-modal .audit-row{border-bottom:1px solid #424754}.audit-modal .audit-row:last-child{border-bottom:0}.action-heading{display:flex;align-items:center;justify-content:space-between;margin:16px 1px 7px}.action-heading h2{margin:0;color:#adc6ff;font-size:12px}.action-heading .text-button:disabled{opacity:.4;cursor:not-allowed}.grant-list{overflow:hidden;border:1px solid #424754;border-radius:12px;background:#0d1c2d}.grant-row{min-height:76px;display:flex;gap:9px;align-items:center;padding:10px 11px;border-bottom:1px solid #424754}.grant-row:last-child{border-bottom:0}.grant-row>svg{flex:0 0 auto;color:#adc6ff}.grant-row>div{min-width:0;flex:1}.grant-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.danger-button{flex:0 0 auto;padding:5px 7px;border:1px solid #a95e61;border-radius:6px;background:transparent;color:#ffb7b7;font-size:10px;font-weight:700;cursor:pointer}.danger-button:disabled{opacity:.4;cursor:not-allowed}.form-label{display:grid;gap:5px;margin:11px 0;color:#c2c6d6;font-size:11px;line-height:14px}select{width:100%;height:38px;padding:0 9px;border:1px solid #424754;border-radius:8px;color:#d4e4fa;background:#051424;font-size:12px}.scope-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:11px 0;padding:10px;border:1px solid #424754;border-radius:8px}.scope-checks label{display:flex;gap:5px;align-items:center;color:#d4e4fa;font-size:10px;line-height:14px}.scope-checks input{width:13px;height:13px;accent-color:#4edea3}.compact{margin-top:12px}.profile-modal{max-height:88%;overflow-y:auto}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.profile-grid .form-label{margin:5px 0}.profile-grid input{height:34px;font-size:11px}.config-preview{max-height:145px;overflow:auto;margin:12px 0 0;padding:10px;border:1px solid #424754;border-radius:8px;color:#b7d0ff;background:#010f1f;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;line-height:14px;white-space:pre-wrap;word-break:break-word}.profile-audit{margin:10px 0 0;padding:7px 9px;border:1px solid #296b58;border-radius:7px;color:#9de7c6;background:#073429;font-family:ui-monospace,monospace;font-size:10px;line-height:14px;word-break:break-all}@media(min-height:581px){.window-shell{margin-top:12px;box-shadow:none}}