:root{--ok-fg:#15803d;--ok-bg:#dcfce7;--ok-dot:#22c55e;--err-fg:#b91c1c;--err-bg:#fee2e2;--err-dot:#ef4444;--warn-fg:#b45309;--warn-bg:#fef3c7;--warn-dot:#f59e0b;--info-fg:#1d4ed8;--info-bg:#dbeafe;--info-dot:#3b82f6;--off-fg:#4b5563;--off-bg:#eef1f4;--off-dot:#9ca3af;--edge:#e5e8ed;--edge2:#eef1f5;--pg:#f5f7fa;--ink:#0b1f3a;--body:#334155;--muted:#64748b;--faint:#94a3b8;--brand:#f25022;--brand-h:#dc4419;--nav:#0b1f3a;--nav2:#112e54;--surface:#fff;--surface2:#fafbfc;--input-bg:#fff;--input-readonly:#f7f9fb}body.dark{--ok-fg:#4ade80;--ok-bg:rgba(34,197,94,.16);--err-fg:#f87171;--err-bg:rgba(239,68,68,.16);--warn-fg:#fbbf24;--warn-bg:rgba(245,158,11,.16);--info-fg:#60a5fa;--info-bg:rgba(59,130,246,.16);--off-fg:#94a3b8;--off-bg:rgba(148,163,184,.14);--edge:hsla(0,0%,100%,.12);--edge2:hsla(0,0%,100%,.07);--pg:#0a1120;--ink:#eef2f8;--body:#c2cbdb;--muted:#8f9cb3;--faint:#67748d;--surface:#131b2c;--surface2:#182238;--input-bg:#101929;--input-readonly:#0c1424}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--pg);color:var(--body);-webkit-font-smoothing:antialiased;font-size:14px;transition:background .18s,color .18s}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:13px}a{text-decoration:none;color:var(--brand)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#cfd6e0;border-radius:8px}body.dark ::-webkit-scrollbar-thumb{background:#2a3550}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;background:var(--nav);color:#c7d2e0;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{gap:11px;padding:20px 20px 18px;border-bottom:1px solid hsla(0,0%,100%,.08)}.brand,.brand-mark{display:flex;align-items:center}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--brand);justify-content:center;font-size:17px;flex:none}.brand-mark,.brand-name{color:#fff;font-weight:800}.brand-name{font-size:15px;line-height:1.15;letter-spacing:-.2px}.brand-sub{font-size:11px;color:#7e93ae;font-weight:500}.nav{padding:12px;flex:1 1;overflow-y:auto}.nav-label{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#63789a;padding:8px 10px 6px}.navitem{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;color:#aebccf;font-weight:500;font-size:13.5px;cursor:pointer;margin-bottom:2px;transition:background .12s,color .12s;width:100%;text-align:left}.navitem:hover{background:hsla(0,0%,100%,.06);color:#fff}.navitem.active{background:var(--brand);color:#fff;font-weight:600;box-shadow:0 4px 12px -3px rgba(242,80,34,.5)}.side-foot{padding:14px 16px;border-top:1px solid hsla(0,0%,100%,.08);gap:10px}.avatar,.side-foot{display:flex;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:#26456f;color:#fff;justify-content:center;font-weight:700;font-size:13px;flex:none}.side-foot .um-name{color:#e6ecf5}.side-foot .um-role{color:#7e93ae}.side-foot .signout{margin-left:auto;color:#aebccf;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.side-foot .signout:hover{background:hsla(0,0%,100%,.08);color:#fff}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{height:64px;flex:none;background:var(--surface);border-bottom:1px solid var(--edge);display:flex;align-items:center;gap:16px;padding:0 26px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.pagetitle{font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.3px}.env{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:7px;background:var(--ok-bg);color:var(--ok-fg);letter-spacing:.02em}.env .d{width:7px;height:7px;border-radius:50%;background:var(--ok-dot);box-shadow:0 0 0 3px rgba(34,197,94,.2)}.top-right{margin-left:auto;gap:8px}.icon-btn,.top-right{display:flex;align-items:center}.icon-btn{width:40px;height:40px;border-radius:10px;justify-content:center;color:var(--muted);border:1px solid transparent;font-size:18px}.icon-btn:hover{background:var(--pg);color:var(--ink)}.usermenu-btn{display:flex;align-items:center;gap:9px;padding:5px 9px 5px 5px;border-radius:10px;border:1px solid var(--edge)}.um-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.2}.um-role{font-size:11px;color:var(--muted)}.content{padding:26px;width:100%}.navitem svg{width:19px;height:19px;flex:none}.btn svg{width:16px;height:16px}.icon-btn svg{width:20px;height:20px}.nav-badge{margin-left:auto;background:hsla(0,0%,100%,.16);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:20px}.dd{position:absolute;background:var(--surface);border:1px solid var(--edge);border-radius:12px;box-shadow:0 16px 40px -10px rgba(13,23,51,.28);z-index:60;overflow:hidden;min-width:210px}.dd-item{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;color:var(--body);font-weight:500;cursor:pointer;width:100%;text-align:left;background:none;border:none}.dd-item:hover{background:var(--pg)}.dd-item svg{width:17px;height:17px;color:var(--muted)}.dd-head{padding:13px 14px;border-bottom:1px solid var(--edge2)}.dd-head .n{font-weight:700;color:var(--ink);font-size:13.5px}.dd-head .e{font-size:12px;color:var(--muted)}.backdrop{position:fixed;inset:0;z-index:20}.card{background:var(--surface);border:1px solid var(--edge);border-radius:14px;box-shadow:0 1px 2px rgba(13,23,51,.04)}.card-pad{padding:18px}.card-h{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--edge2)}.card-title{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.2px}.card-sub{font-size:12px;color:var(--muted);margin-top:2px}.grid-kpi{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}.kpi{background:var(--surface);border:1px solid var(--edge);border-radius:14px;padding:16px 16px 15px;box-shadow:0 1px 2px rgba(13,23,51,.04)}.kpi-top{justify-content:space-between;margin-bottom:13px}.kpi-ico,.kpi-top{display:flex;align-items:center}.kpi-ico{width:38px;height:38px;border-radius:10px;justify-content:center;font-size:18px;background:var(--info-bg);color:var(--info-fg)}.kpi-ico--ok{background:var(--ok-bg);color:var(--ok-fg)}.kpi-ico--err{background:var(--err-bg);color:var(--err-fg)}.kpi-ico--warn{background:var(--warn-bg);color:var(--warn-fg)}.kpi-val{font-size:27px;font-weight:800;color:var(--ink);letter-spacing:-.6px;line-height:1}.kpi-label{font-size:12.5px;font-weight:600;color:var(--body);margin-top:8px}.kpi-desc{font-size:11.5px;color:var(--faint);margin-top:3px}.kpi-ico svg{width:20px;height:20px}.trend{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;padding:3px 7px;border-radius:20px}.trend.up{background:var(--ok-bg);color:var(--ok-fg)}.trend.down{background:var(--err-bg);color:var(--err-fg)}.dash-grid{grid-template-columns:1fr 340px;grid-gap:20px;align-items:start}.chart-grid,.dash-grid{display:grid;gap:20px;margin-bottom:20px}.chart-grid{grid-template-columns:1fr 1fr 1fr;grid-gap:20px}.two-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:1200px){.chart-grid,.dash-grid,.two-grid{grid-template-columns:1fr}}.health-row{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--edge2)}.health-row:last-child{border-bottom:none}.hdot{width:10px;height:10px;border-radius:50%;flex:none}.health-name{font-size:13.5px;font-weight:600;color:var(--ink)}.health-time{font-size:11.5px;color:var(--faint);margin-top:2px}@media (max-width:1200px){.grid-kpi{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.sidebar{display:none}.grid-kpi{grid-template-columns:repeat(2,1fr)}}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}.badge .bd{width:6px;height:6px;border-radius:50%}.badge--ok{background:var(--ok-bg);color:var(--ok-fg)}.badge--ok .bd{background:var(--ok-dot)}.badge--err{background:var(--err-bg);color:var(--err-fg)}.badge--err .bd{background:var(--err-dot)}.badge--warn{background:var(--warn-bg);color:var(--warn-fg)}.badge--warn .bd{background:var(--warn-dot)}.badge--info{background:var(--info-bg);color:var(--info-fg)}.badge--info .bd{background:var(--info-dot)}.badge--off{background:var(--off-bg);color:var(--off-fg)}.badge--off .bd{background:var(--off-dot)}.btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:9px 15px;border-radius:9px;border:1px solid var(--edge);color:var(--body);background:var(--surface);white-space:nowrap;transition:all .12s}.btn:hover{background:var(--pg);border-color:#d3dae3}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover{background:var(--brand-h);border-color:var(--brand-h)}.btn-danger{color:var(--err-fg);border-color:#f3c9c9}.btn-danger:hover{background:var(--err-bg)}.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.tbl-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--edge);border-radius:14px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:12px 11px;border-bottom:1px solid var(--edge);background:var(--surface2);white-space:nowrap}.tbl td{padding:13px 11px;border-bottom:1px solid var(--edge2);color:var(--body);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--surface2)}.tbl td.stick-r,.tbl th.stick-r{position:-webkit-sticky;position:sticky;right:0;z-index:1;box-shadow:-8px 0 8px -8px rgba(15,23,42,.18)}.tbl th.stick-r{background:var(--surface2)}.tbl td.stick-r{background:var(--surface)}.tbl tbody tr:hover td.stick-r{background:var(--surface2)}.t-strong{font-weight:600;color:var(--ink)}.t-mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.t-mono,.t-muted{color:var(--muted)}.err-cell,.t-muted{font-size:12.5px}.err-cell{color:var(--err-fg)}.empty{padding:40px;text-align:center;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.toolbar .spacer{flex:1 1}.sec-title{font-size:13px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin:26px 0 12px}.field{margin-bottom:16px}.flabel{font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:6px;display:block}.input,select.input,textarea.input{width:100%;height:40px;border:1px solid var(--edge);border-radius:9px;padding:0 12px;color:var(--ink);outline:none;background:var(--input-bg)}.input:focus,select.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(242,80,34,.13)}.frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px}.matrix{width:100%;border-collapse:collapse;font-size:13px;border:1px solid var(--edge);border-radius:10px;overflow:hidden}.matrix th{background:var(--surface2);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:11px 12px;border-bottom:1px solid var(--edge);text-align:center;font-weight:700}.matrix th:first-child{text-align:left}.matrix td{padding:10px 12px;border-bottom:1px solid var(--edge2);text-align:center}.matrix td:first-child{text-align:left;font-weight:600;color:var(--ink)}.matrix tr:last-child td{border-bottom:none}.matrix input{width:17px;height:17px;accent-color:var(--brand);cursor:pointer}.role-head{justify-content:space-between;gap:12px;margin-bottom:14px}.role-head,.row{display:flex;align-items:center}.row{gap:10px}.card+.card,.map-group+.map-group{margin-top:18px}.chart-grid>.card+.card,.dash-grid>.card+.card,.two-grid>.card+.card{margin-top:0}@keyframes ddispin{to{transform:rotate(1turn)}}.login-wrap{min-height:100vh;display:flex}.brandpanel{flex:1 1;min-width:0;position:relative;background:linear-gradient(160deg,#0b1f3a,#0f2b50 55%,#07132530),#0b1f3a;color:#fff;display:flex;flex-direction:column;padding:48px 56px;overflow:hidden}.blob1{top:-120px;right:-120px;width:360px;height:360px;background:radial-gradient(circle,rgba(242,80,34,.28),transparent 70%)}.blob1,.blob2{position:absolute;border-radius:50%}.blob2{bottom:-160px;left:-100px;width:420px;height:420px;background:radial-gradient(circle,rgba(59,130,246,.16),transparent 70%)}.blogo{gap:12px;position:relative;z-index:1}.blogo,.mark{display:flex;align-items:center}.mark{width:40px;height:40px;border-radius:11px;background:#f25022;justify-content:center;font-weight:800;font-size:20px;color:#fff;box-shadow:0 6px 18px -4px rgba(242,80,34,.6)}.mark.sm{width:34px;height:34px;border-radius:9px;font-size:16px;box-shadow:none}.pill{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#a9bcd6;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.14);padding:5px 12px;border-radius:20px;margin-bottom:26px}.pill .d{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.22)}.feat{display:flex;align-items:center;gap:13px}.feat .ico{width:38px;height:38px;border-radius:10px;font-size:18px}.feat .ico,.formpanel{flex:none;display:flex;align-items:center;justify-content:center}.formpanel{width:min(52%,620px);padding:40px;background:var(--pg)}.formcard{width:100%;max-width:400px}.login-label{display:block;font-size:12.5px;font-weight:700;color:#0b1f3a;margin-bottom:7px}.inp{width:100%;height:46px;border:1px solid #e5e8ed;border-radius:9px;background:#fff;padding:0 14px 0 42px;font-size:14px;color:#0b1f3a;outline:none}.inp:focus{border-color:#f25022;box-shadow:0 0 0 3px rgba(242,80,34,.13)}.inwrap{position:relative}.inwrap>svg{left:13px}.inwrap>svg,.login-eye{position:absolute;top:50%;transform:translateY(-50%)}.login-eye{right:6px;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b}.login-eye:hover{background:#f5f7fa}.primary{width:100%;height:48px;border-radius:9px;background:#f25022;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 20px -6px rgba(242,80,34,.5);transition:background .15s}.primary:hover{background:#dc4419}.primary:disabled{opacity:.7;cursor:not-allowed}.err{display:flex;align-items:center;gap:9px;background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;border-radius:9px;font-size:13px;font-weight:600;margin-bottom:18px}.err,.hint{padding:10px 13px}.hint{background:#f1f5fb;border:1px dashed #cbd7e6;border-radius:9px;font-size:12px;color:#475569;margin-top:22px;line-height:1.6}.hint b{color:#0b1f3a}@media (max-width:860px){.brandpanel{display:none}.formpanel{width:100%}}.mono,.muted{color:var(--muted)}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.error{color:var(--err-fg);font-size:12.5px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.section{font-size:13px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin:26px 0 12px}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--edge);border-radius:14px}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:12px 16px;border-bottom:1px solid var(--edge);background:var(--surface2);white-space:nowrap}table.data td{padding:13px 16px;border-bottom:1px solid var(--edge2);color:var(--body)}table.data tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--surface2)}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.primary:hover{background:var(--brand-h);border-color:var(--brand-h)}.btn.danger{color:var(--err-fg);border-color:#f3c9c9}.btn.danger:hover{background:var(--err-bg)}.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.badge.ok{background:var(--ok-bg);color:var(--ok-fg)}.badge.info{background:var(--info-bg);color:var(--info-fg)}.badge.down,.badge.failed{background:var(--err-bg);color:var(--err-fg)}.form-grid{display:flex;flex-direction:column;gap:16px;max-width:760px;padding:18px;margin-bottom:18px}.form-grid>label,.form-row>label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink)}.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid select{height:40px;border:1px solid var(--edge);border-radius:9px;padding:0 12px;color:var(--ink);background:var(--input-bg);outline:none;width:100%}.form-grid input:focus,.form-grid select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(242,80,34,.13)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px}.count-note{font-size:12.5px;color:var(--muted);margin-bottom:12px}.map-group+.map-group{margin-top:24px}.spacer{flex:1 1}.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--edge);border-radius:9px;padding:0 12px;height:38px;min-width:230px}.search svg{width:16px;height:16px;color:var(--faint)}.search input{border:none;outline:none;background:none;width:100%;color:var(--ink);height:100%}.select{height:38px;border:1px solid var(--edge);border-radius:9px;padding:0 32px 0 12px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center;color:var(--ink);font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.count-ok{color:var(--ok-fg);font-weight:700}.count-err{color:var(--err-fg);font-weight:700}.modal-b{padding:22px}.scrim{position:fixed;inset:0;background:rgba(11,31,58,.55);z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:44px 20px;overflow-y:auto}.modal{background:var(--surface);border-radius:16px;width:100%;max-width:640px;box-shadow:0 30px 70px -20px rgba(13,23,51,.5);overflow:hidden}.modal-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--edge2)}.modal-title{font-size:17px;font-weight:700;color:var(--ink)}.modal-f{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--edge2);background:var(--surface2)}.close-x{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.close-x:hover{background:var(--pg);color:var(--ink)}.close-x svg{width:20px;height:20px}.toggle{width:40px;height:23px;border-radius:20px;background:#cbd3de;position:relative;transition:background .15s;flex:none;border:none;cursor:pointer;padding:0}body.dark .toggle{background:#334159}.toggle .knob{position:absolute;top:2.5px;left:2.5px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}.toggle.on{background:var(--ok-dot)}.toggle.on .knob{left:19.5px}.pwd{position:relative}.pwd .eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.pwd .eye:hover{background:var(--pg)}.pwd .input{padding-right:42px}textarea.input{height:auto;padding:11px 12px;line-height:1.6;resize:vertical}.act-group{display:flex;gap:6px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#0b1f3a;color:#fff;padding:13px 20px;border-radius:11px;font-size:13.5px;font-weight:600;z-index:120;box-shadow:0 14px 40px -8px rgba(0,0,0,.5);display:flex;align-items:center;gap:10px}.toast svg{width:18px;height:18px;color:var(--ok-dot)}.drawer-wrap{position:fixed;inset:0;z-index:80}.drawer-wrap .backdrop{z-index:1;background:rgba(11,31,58,.45)}.drawer{position:absolute;top:0;right:0;height:100%;width:560px;max-width:94vw;background:var(--surface);box-shadow:-20px 0 60px -20px rgba(13,23,51,.4);display:flex;flex-direction:column;z-index:2}.drawer-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--edge2)}.drawer-b{padding:22px;overflow-y:auto;flex:1 1}.drawer-f{display:flex;justify-content:space-between;gap:10px;padding:16px 22px;border-top:1px solid var(--edge2);background:var(--surface2)}.varchip{display:inline-block;font-family:ui-monospace,Menlo,monospace;font-size:12px;background:#eef1f5;color:#3949ab;padding:4px 9px;border-radius:6px;cursor:pointer;border:1px solid #e0e5ec}.varchip:hover{background:#e5e9f5}body.dark .varchip{background:#182238;color:#93a8ff;border-color:hsla(0,0%,100%,.12)}.set-sec{margin-bottom:20px}.pref{display:flex;gap:14px;padding:16px;border:1px solid var(--edge);border-radius:12px;align-items:flex-start;cursor:pointer}.pref input{width:19px;height:19px;accent-color:var(--brand);cursor:pointer;margin-top:1px}.conn-pill{gap:8px;padding:8px 13px;border-radius:10px;font-size:12.5px;font-weight:600}.conn-pill,.iconlink{display:inline-flex;align-items:center}.iconlink{width:31px;height:31px;border-radius:8px;justify-content:center;color:var(--muted);border:1px solid var(--edge);background:var(--surface)}.iconlink:hover{background:var(--pg);color:var(--ink)}.iconlink svg{width:16px;height:16px}.readval{font-size:13.5px;color:var(--ink);font-weight:500;padding:9px 0}.dl{display:grid;grid-template-columns:190px 1fr;grid-gap:2px 20px;gap:2px 20px}.dl dt{font-size:12.5px;color:var(--muted);font-weight:500}.dl dd,.dl dt{padding:10px 0;border-bottom:1px solid var(--edge2)}.dl dd{margin:0}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin .7s linear infinite}.profile-grid{display:grid;grid-template-columns:320px 1fr;grid-gap:20px;gap:20px;align-items:start}@media (max-width:900px){.profile-grid{grid-template-columns:1fr}}.meta-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0}.meta-row+.meta-row{border-top:1px solid var(--edge2)}.meta-k{font-size:13px;color:var(--muted)}.meta-v{font-size:13px;font-weight:600;color:var(--ink)}