:root{--blue:#0f4c81;--blue-dark:#0b3a63;--ink:#1d2733;--muted:#6b7684;--line:#d9dee5;--line-soft:#eceff3;--bg:#f4f6f9;--card:#fff;--ok:#1a7f37;--warn:#b7791f;--bad:#b42318;--focus:#f59e0b;--font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:Consolas, "Courier New", monospace;--radius:8px;--shadow:0 1px 2px #1018280f, 0 4px 12px #1018280f;--topbar-h:52px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;margin:0;font-size:15px;line-height:1.4}h1,h2,h3{margin:0 0 8px;font-weight:600;line-height:1.25}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}p{margin:0 0 10px}a,.link{color:var(--blue);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:none}a:hover,.link:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.mono{font-family:var(--mono)}.big{font-size:18px}.error,.bad{color:var(--bad)}.ok{color:var(--ok)}.warn{color:var(--warn)}.nowrap{white-space:nowrap}.right{text-align:right}.spacer{flex:1}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:40;height:var(--topbar-h);background:var(--blue);color:#fff;align-items:center;gap:16px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #10182833}.brand{white-space:nowrap;font-size:16px;font-weight:600}.brand span{color:var(--focus)}.brand.big{font-size:26px}.topbar nav{gap:4px;display:flex}.topbar nav a{color:#ffffffd9;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:14px}.topbar nav a:hover{background:#ffffff1f;text-decoration:none}.topbar nav a.active{color:#fff;background:#fff3;font-weight:600}.topbar-right{align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.whoami{text-align:right;line-height:1.2}.whoami b{font-weight:600;display:block}.whoami span{color:#ffffffbf;font-size:12px}.install-btn{color:#fff;background:#ffffff24;border-color:#ffffff73;font-weight:600}.install-btn:hover:not(:disabled){background:#ffffff42;border-color:#ffffffb3}.steps{margin:0 0 12px;padding-left:22px}.steps li{margin-bottom:8px}.demo-pill{background:var(--focus);color:#3b2200;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:16px}.footer{color:var(--muted);text-align:center;border-top:1px solid var(--line);padding:14px 16px 22px;font-size:12px}.screen-head{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.banner{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);margin-bottom:12px;padding:10px 14px;font-size:14px}.banner-error{color:#7a1a12;background:#fdf3f2;border-color:#f3c0bb}.banner-warn{color:#6b4a0d;background:#fdf8ec;border-color:#f0dcae}.banner-ok{color:#12532a;background:#f1faf3;border-color:#bfe3c8}.empty{text-align:center;color:var(--muted);padding:32px 16px}.tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.tile{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);border-radius:10px;align-items:center;gap:14px;min-height:92px;padding:16px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.tile:hover{border-color:#bcc6d3;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 4px #10182814,0 10px 22px #1018281a}.tile:active{transform:none}.tile-badge{color:#fff;letter-spacing:.02em;border-radius:10px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:16px;font-weight:700;display:flex}.tile-words{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tile-words b{font-size:15px;font-weight:600}.tile-tagline{color:var(--muted);font-size:13px}.tile-host{color:var(--muted);font-size:11px;font-family:var(--mono)}.tile-go{color:var(--muted);flex:none;font-size:18px}.tile:hover .tile-go{color:var(--blue)}.tile-broken{cursor:default;background:#fdf8ec;border-color:#f0dcae}.tile-broken:hover{box-shadow:var(--shadow);border-color:#f0dcae;transform:none}.tile-soon{cursor:default;background:var(--card);box-shadow:none;border-style:dashed;border-color:#d3d9e2}.tile-soon:hover{box-shadow:none;border-color:#d3d9e2;transform:none}.tile-soon .tile-badge{opacity:.35}.tile-soon .tile-words b{color:var(--muted)}.tile-soon .tile-tagline{color:#a6aeba}.tile-soon .tile-host{font-family:var(--font);color:var(--muted);font-weight:600}.tile-soon .tile-go{opacity:.4}.tile-locked{font:inherit;text-align:left;cursor:not-allowed;background:repeating-linear-gradient(135deg,#f7f8fa 0 10px,#f1f3f6 10px 20px);border-style:dashed;border-color:#c9d0da;width:100%}.tile-locked:hover{box-shadow:var(--shadow);border-color:#b3bcc9;transform:none}.tile-locked .tile-badge{opacity:.45}.tile-locked .tile-words b{color:var(--muted)}.tile-locked .tile-tagline{color:#9aa4b1}.tile-locked .tile-host{font-family:var(--font);color:var(--warn);font-weight:600}.tile-locked .tile-go{opacity:.75;font-size:15px}.btn{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;min-height:38px;padding:8px 14px;font-size:14px}.btn:hover:not(:disabled){background:#f7f9fc;border-color:#c3cad4}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark)}.btn-danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn-danger:hover:not(:disabled){background:#8f1710;border-color:#8f1710}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:#0f4c8114;border-color:#0000}.btn-small{min-height:30px;padding:4px 10px;font-size:13px}label{color:#3d4a5c;margin-bottom:4px;font-size:13px;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=color],select,textarea{width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;min-height:38px;padding:8px 10px;font-size:15px}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline-offset:0;outline:2px solid #0f4c8126}input:disabled,select:disabled{color:var(--muted);background:#f4f6f9}textarea{resize:vertical;min-height:70px}input[type=color]{cursor:pointer;height:38px;padding:2px}.field{margin-bottom:12px}.field-row{gap:10px;display:flex}.field-row>*{flex:1}.check{cursor:pointer;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:400;display:flex}.check input{width:18px;height:18px;min-height:0;accent-color:var(--blue);flex:none;margin:0}.pill{background:var(--line-soft);color:#3d4a5c;white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.pill-ok{color:#12532a;background:#e3f4e8}.pill-warn{color:#6b4a0d;background:#fdf0d7}.pill-error{color:#7a1a12;background:#fbe4e2}.pill-info{color:#0b3a63;background:#e2edf7}table.table{border-collapse:collapse;width:100%;font-size:14px}table.table th,table.table td{text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top;padding:8px 10px}table.table th{color:#3d4a5c;z-index:1;background:#fafbfd;font-weight:600;position:sticky;top:0}table.table td.num,table.table th.num{text-align:right;font-variant-numeric:tabular-nums}table.table tr:hover td{background:#fafbfd}.table-wrap{overflow-x:auto}.swatch{vertical-align:-2px;border-radius:4px;width:14px;height:14px;margin-right:6px;display:inline-block}.modal-backdrop{z-index:100;background:#10182873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:10px;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 32px);display:flex;box-shadow:0 12px 40px #10182847}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 18px;display:flex}.modal-head h2{margin:0}.modal-body{padding:18px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:14px 18px;display:flex}.toasts{z-index:200;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--ink);color:#fff;border-radius:var(--radius);align-items:flex-start;gap:10px;padding:11px 15px;font-size:14px;display:flex;box-shadow:0 8px 24px #1018284d}.toast.bad{background:var(--bad)}.toast.good{background:var(--ok)}.toast button{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;padding:0;font-size:17px;line-height:1}.login{background:linear-gradient(160deg, var(--blue) 0%, var(--blue-dark) 100%);justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.login-card{background:var(--card);border-radius:12px;width:100%;max-width:400px;padding:28px;box-shadow:0 16px 48px #00000042}.login-card .brand{color:var(--ink);margin-bottom:4px}.login-card .brand span{color:var(--blue)}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs button{font:inherit;cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px}.tabs button.on{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}@media (width<=700px){.content{padding:16px 16px 12px}:root{--topbar-h:86px}.topbar{height:auto;min-height:var(--topbar-h);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px}.topbar nav{scrollbar-width:none;order:3;width:100%;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{padding:6px 10px;font-size:13px}.topbar-right{gap:8px;min-width:0}.whoami{min-width:0;overflow:hidden}.whoami b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.whoami span{display:none}.tiles{grid-template-columns:1fr;gap:10px}.tile{min-height:80px;padding:14px}.screen-head{align-items:stretch}.screen-head .spacer{display:none}.screen-head .field{width:100%}.field-row{flex-wrap:wrap}.field-row>*{min-width:0}.modal-backdrop{padding:0}.modal{border-radius:0;max-width:100%;height:100%;max-height:100vh}.modal-foot{background:var(--card);position:sticky;bottom:0}.toasts{max-width:none;bottom:12px;left:12px;right:12px}}@media (width<=420px){.topbar nav a{padding:6px 7px}.brand{font-size:15px}.install-btn-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.install-btn{padding:4px 8px}}