@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/inter-var.woff2) format("woff2")}
:root{
  --bg:#f6f7f8;--surface:#fff;--surface-2:#fafbfb;--ink:#12171d;--ink-2:#39424e;--muted:#667080;
  --line:#e7e9ec;--line-2:#d5d9df;--accent:#0b6e83;--accent-2:#08596b;--accent-ink:#fff;--accent-soft:#e3f2f5;
  --side:#0d131a;--side-2:#151d26;--side-ink:#a9b4c2;--side-hi:#fff;
  --ok:#17794a;--ok-bg:#e5f5ec;--warn:#8c5a00;--warn-bg:#fdf0d4;--err:#b42323;--err-bg:#fde8e8;--info:#1f5b99;--info-bg:#e6f0fb;--neutral:#5b6573;--neutral-bg:#eceef1;
  --r:10px;--r-sm:7px;--shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0b1016;--surface:#121921;--surface-2:#161e28;--ink:#e8ecf1;--ink-2:#c3cbd6;--muted:#8d99a9;--line:#212b37;--line-2:#2d3947;
  --accent:#3bb4cd;--accent-2:#62c6db;--accent-ink:#06141a;--accent-soft:#10303a;--side:#080c11;--side-2:#10161d;
  --ok:#5fd19a;--ok-bg:#12301f;--warn:#efc15a;--warn-bg:#342708;--err:#ff9a9a;--err-bg:#3a1717;--info:#8bb9ef;--info-bg:#13273f;--neutral:#a2adbb;--neutral-bg:#1c2631;--shadow:none}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:14.5px/1.55 var(--font);font-feature-settings:"cv11","ss03";color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}
h1,h2,h3{letter-spacing:-.011em;line-height:1.25;color:var(--ink)}h1{font-size:1.5rem;font-weight:650;margin:0}h2{font-size:1.02rem;font-weight:620;margin:0 0 .85rem}h3{font-size:.92rem;font-weight:620;margin:1.25rem 0 .5rem}
p{margin:.4rem 0 .8rem}hr{border:0;border-top:1px solid var(--line);margin:1rem 0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em;flex:none}
.ico.lg{width:1.5rem;height:1.5rem}.ico.xl{width:2.1rem;height:2.1rem}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:var(--surface);padding:.5rem .8rem;border-radius:6px;z-index:99;box-shadow:var(--shadow)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
/* shell */
.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}
.side{background:var(--side);color:var(--side-ink);padding:1rem .75rem 1rem;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:.1rem}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--side-hi);font-weight:650;font-size:1.02rem;letter-spacing:-.01em;padding:.35rem .6rem 1rem;text-decoration:none}
.brand:hover{text-decoration:none}.brand .logo{width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}
.brand small{display:block;font-weight:500;font-size:.68rem;color:var(--side-ink);letter-spacing:.06em;text-transform:uppercase;margin-top:-.1rem}
.side .area{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#6c7889;padding:1rem .65rem .35rem;font-weight:600}
.side a.nav{display:flex;align-items:center;gap:.65rem;color:var(--side-ink);text-decoration:none;padding:.42rem .65rem;border-radius:8px;font-weight:500;position:relative}
.side a.nav:hover{background:var(--side-2);color:var(--side-hi)}
.side a.nav[aria-current=page]{background:var(--side-2);color:var(--side-hi)}
.side a.nav[aria-current=page]::before{content:"";position:absolute;left:-.75rem;top:.45rem;bottom:.45rem;width:3px;border-radius:0 3px 3px 0;background:var(--accent-2)}
.side .count{margin-left:auto;background:var(--accent);color:var(--accent-ink);border-radius:99px;font-size:.7rem;padding:0 .45rem;font-weight:650}
.side .me{margin-top:auto;border-top:1px solid #1d2733;padding:.85rem .5rem .2rem;display:flex;gap:.65rem;align-items:center}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--side-2);color:var(--side-hi);display:grid;place-items:center;font-weight:650;font-size:.8rem;flex:none;border:1px solid #263243}
.me .who{min-width:0;flex:1;line-height:1.25}.me .who b{display:block;color:var(--side-hi);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.me .who span{font-size:.75rem;color:#7d8998}
.me button{background:none;border:0;color:var(--side-ink);cursor:pointer;padding:.35rem;border-radius:6px}.me button:hover{background:var(--side-2);color:#fff}
.main{padding:1.6rem clamp(1rem,3vw,2.5rem) 3rem;min-width:0;max-width:1320px;width:100%}
.topbar{display:none}
.banner{display:flex;gap:.6rem;align-items:flex-start;background:var(--warn-bg);color:var(--warn);padding:.55rem .8rem;border-radius:var(--r-sm);margin-bottom:.8rem;font-size:.82rem}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin:0 0 1.35rem}.sub{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}
.crumbs{font-size:.8rem;color:var(--muted);margin-bottom:.35rem}
/* surfaces */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.15rem 1.25rem;margin-bottom:1rem;box-shadow:var(--shadow)}
.card>h2:first-child,.card>form>h2:first-child{margin-top:0}
.card.flush{padding:0;overflow:hidden}.card.flush>h2{padding:1rem 1.25rem 0}
.card.accent{border-color:var(--accent);background:linear-gradient(0deg,var(--surface),var(--surface))}
.grid{display:grid;gap:1rem;align-items:start}.g2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.grid>.card{margin-bottom:0}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.9rem 1.05rem;color:inherit;display:block;box-shadow:var(--shadow);position:relative;transition:border-color .12s}
a.stat:hover{border-color:var(--line-2);text-decoration:none}.stat span{color:var(--muted);font-size:.78rem;font-weight:500;display:block}.stat b{display:block;font-size:1.75rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:.1rem}
.stat .ico{position:absolute;right:.9rem;top:.9rem;color:var(--line-2);width:1.25rem;height:1.25rem}.stat.hot b{color:var(--err)}
/* tables */
.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:.62rem .9rem;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;background:var(--surface-2);white-space:nowrap}
tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--surface-2)}
td a{font-weight:550}td.right,th.right,.right{text-align:right}.num{font-variant-numeric:tabular-nums}
tr.unread td:first-child{box-shadow:inset 3px 0 var(--accent)}
.card.flush table th:first-child,.card.flush table td:first-child{padding-left:1.25rem}
/* status */
.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.12rem .55rem .12rem .45rem;border-radius:99px;font-size:.76rem;font-weight:550;background:var(--neutral-bg);color:var(--neutral);white-space:nowrap;text-transform:capitalize}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.s-active,.s-paid,.s-succeeded,.s-completed,.s-online,.s-running,.s-applied,.s-answered{background:var(--ok-bg);color:var(--ok)}
.s-pending,.s-pending_payment,.s-provisioning,.s-queued,.s-unpaid,.s-awaiting_manual,.s-needs_manual,.s-requested,.s-in_progress,.s-open,.s-customer_reply,.s-on_hold,.s-transfer_pending,.s-high,.s-suspended,.s-partially_failed,.s-demo{background:var(--warn-bg);color:var(--warn)}
.s-failed,.s-error,.s-urgent,.s-terminated,.s-void,.s-disabled,.s-expired,.s-rejected,.s-refunded{background:var(--err-bg);color:var(--err)}
.s-live{background:var(--info-bg);color:var(--info)}
.tag{display:inline-block;background:var(--neutral-bg);color:var(--neutral);border-radius:5px;padding:0 .4rem;font-size:.72rem;font-weight:550;margin-right:.25rem}
.flash{display:flex;gap:.6rem;padding:.65rem .9rem;border-radius:var(--r-sm);margin-bottom:.8rem;border:1px solid transparent;font-size:.9rem}
.flash.ok{background:var(--ok-bg);color:var(--ok)}.flash.error{background:var(--err-bg);color:var(--err)}.flash.warn{background:var(--warn-bg);color:var(--warn)}.flash.info{background:var(--info-bg);color:var(--info)}
.note{color:var(--muted);font-size:.82rem}.empty{text-align:center;color:var(--muted);padding:2.2rem 1rem}.empty .ico{display:block;margin:0 auto .5rem;width:1.8rem;height:1.8rem;color:var(--line-2)}
.mono{font-family:var(--mono);font-size:.82rem}.nowrap{white-space:nowrap}.pre{white-space:pre-wrap}
/* forms */
label{display:block;font-weight:580;font-size:.82rem;margin:.85rem 0 .3rem;color:var(--ink-2)}
input,select,textarea{width:100%;padding:.52rem .7rem;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;min-height:38px;transition:border-color .12s,box-shadow .12s}
input:hover,select:hover,textarea:hover{border-color:var(--muted)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
input[type=checkbox],input[type=radio]{width:1rem;height:1rem;min-height:0;accent-color:var(--accent);margin:0}
input[type=file]{padding:.4rem}textarea{min-height:110px;resize:vertical}
label.inline{display:flex;align-items:center;gap:.55rem;font-weight:450;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--accent);color:var(--accent-ink);border:1px solid transparent;border-radius:var(--r-sm);padding:.5rem .95rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;min-height:38px;transition:background .12s,border-color .12s}
.btn:hover{background:var(--accent-2);text-decoration:none}
.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.btn.secondary:hover{background:var(--surface-2);border-color:var(--muted)}
.btn.ghost{background:transparent;color:var(--accent);border-color:transparent}.btn.ghost:hover{background:var(--accent-soft)}
.btn.danger{background:var(--err);color:#fff}.btn.danger:hover{filter:brightness(.92)}.btn.small{padding:.25rem .65rem;font-size:.82rem;min-height:30px}.btn.block{width:100%}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.row{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.row form{display:inline}
.kv{display:grid;grid-template-columns:max-content 1fr;gap:.45rem 1.4rem;margin:0}.kv dt{color:var(--muted);font-size:.85rem}.kv dd{margin:0;word-break:break-word}
.filters{display:flex;gap:.65rem;flex-wrap:wrap;align-items:end;margin-bottom:1rem}.filters>div{flex:0 1 170px}.filters label{margin-top:0}.filters .btn{flex:0 0 auto}
fieldset{border:0;padding:0;margin:0}legend{padding:0;margin-bottom:.6rem}
/* tickets */
.msg{border:1px solid var(--line);border-radius:var(--r);padding:.85rem 1rem;margin-bottom:.75rem;background:var(--surface)}
.msg.staff{border-left:3px solid var(--accent)}.msg.note{background:var(--warn-bg);border-color:transparent;border-left:3px solid var(--warn)}
.msg .meta{color:var(--muted);font-size:.78rem;margin-bottom:.4rem}.msg .body{white-space:pre-wrap;word-break:break-word}
.event{color:var(--muted);font-size:.8rem;text-align:center;margin:.6rem 0}
progress,meter{width:100%;height:.5rem;accent-color:var(--accent)}
.plan{border:1px solid var(--line-2);border-radius:var(--r);padding:.9rem;background:var(--surface);cursor:pointer;align-items:flex-start;transition:border-color .12s,box-shadow .12s}
.plan:hover{border-color:var(--accent)}.plan:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.price{font-size:1.4rem;font-weight:650;letter-spacing:-.02em}
details summary{cursor:pointer;font-weight:600;padding:.3rem 0}
/* auth shell */
.auth{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;background:var(--surface)}
.auth-art{background:#0b1218;color:#c8d3df;padding:3rem clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(900px 500px at 0% 100%,rgba(59,180,205,.22),transparent 60%);background-size:44px 44px,44px 44px,auto}
.auth-art .brand{padding:0}.auth-art h2{color:#fff;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;font-weight:650;letter-spacing:-.025em;max-width:16ch;margin:0 0 1rem}
.auth-art p{color:#9fb0c1;max-width:42ch;margin:0}.auth-points{list-style:none;padding:0;margin:2.2rem 0 0;display:grid;gap:.85rem}
.auth-points li{display:flex;gap:.75rem;align-items:flex-start;color:#c8d3df;font-size:.9rem}.auth-points .ico{color:var(--accent-2);margin-top:.15rem;width:1.15rem;height:1.15rem}
.auth-points b{color:#fff;font-weight:600;display:block}.auth-art .foot{font-size:.78rem;color:#6c7c8e}
.auth-form{display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem}
.auth-card{width:100%;max-width:392px}.auth-card h1{font-size:1.6rem;margin-bottom:.35rem}.auth-card .sub{margin-bottom:1.4rem}
.auth-card .divider{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.78rem;margin:1.1rem 0}.auth-card .divider::before,.auth-card .divider::after{content:"";height:1px;background:var(--line);flex:1}
.auth-card .links{display:flex;justify-content:space-between;font-size:.85rem;margin-top:1.1rem}
.auth-foot{text-align:center;font-size:.78rem;color:var(--muted);margin-top:2rem}
.otp{font-family:var(--mono);font-size:1.5rem;letter-spacing:.35em;text-align:center}
.qr{background:#fff;padding:.6rem;border-radius:var(--r-sm);display:inline-block;border:1px solid var(--line)}.qr svg{display:block;width:180px;height:180px}
.codes{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem .9rem;font-family:var(--mono);background:var(--surface-2);border:1px dashed var(--line-2);border-radius:var(--r-sm);padding:.85rem 1rem;margin:.6rem 0}
.steps{counter-reset:s;list-style:none;padding:0;margin:0 0 1rem}.steps li{counter-increment:s;display:flex;gap:.7rem;margin:.55rem 0}.steps li::before{content:counter(s);flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.75rem;font-weight:650;display:grid;place-items:center;margin-top:.1rem}
@media(max-width:900px){
  .auth{grid-template-columns:1fr}.auth-art{display:none}
  .shell{grid-template-columns:1fr}.side{position:fixed;inset:0 auto 0 0;width:270px;height:100vh;z-index:40;transform:translateX(-100%);transition:transform .18s}
  .nav-open .side{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.45)}
  .topbar{display:flex;align-items:center;gap:.7rem;padding:.65rem 1rem;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
  .topbar button{background:none;border:0;color:var(--ink);padding:.3rem;cursor:pointer}.topbar b{font-weight:650}
  .main{padding:1.1rem 1rem 3rem}
}
@media print{.side,.topbar,.btn,.banner{display:none}.shell{display:block}body{background:#fff}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.plain{max-width:760px;margin:0 auto;padding:2rem 1.25rem 4rem}.plain h1{margin-bottom:.5rem}.plain h2{margin-top:1.8rem}.plain li{margin:.25rem 0}

.auth-art a{color:#8fb9cc}.auth-points .ico{color:#62c6db}

.s-off{background:var(--neutral-bg);color:var(--neutral)}

/* ===== WHMCS-style shell: top navigation, breadcrumb bar, panels, tiles ===== */
.wh{min-height:100vh;display:flex;flex-direction:column}
.topnav{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.topnav.staff{background:var(--side);border-color:#1d2733;color:var(--side-ink)}
.topnav .bar{max-width:1240px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem);display:flex;align-items:center;gap:.25rem;min-height:56px}
.topnav .brand{padding:0 .9rem 0 0;color:var(--ink);margin-right:.4rem}.topnav.staff .brand{color:#fff}
.topnav .brand small{display:none}
.topnav ul{list-style:none;margin:0;padding:0}
.topnav .menu{display:flex;align-items:center;gap:.1rem;flex:1}
.topnav .menu>li{position:relative}
.topnav .menu a.top,.topnav .dd-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:8px;color:var(--ink-2);font:inherit;font-weight:560;background:none;border:0;cursor:pointer;text-decoration:none;white-space:nowrap}
.topnav.staff .menu a.top,.topnav.staff .dd-btn{color:var(--side-ink)}
.topnav .menu a.top:hover,.topnav .dd-btn:hover,.topnav .dd.open>.dd-btn{background:var(--surface-2);color:var(--ink);text-decoration:none}
.topnav.staff .menu a.top:hover,.topnav.staff .dd-btn:hover,.topnav.staff .dd.open>.dd-btn{background:var(--side-2);color:#fff}
.topnav a.top[aria-current=page],.topnav .dd.cur>.dd-btn{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);border-radius:8px 8px 0 0}
.topnav.staff a.top[aria-current=page],.topnav.staff .dd.cur>.dd-btn{color:#fff;box-shadow:inset 0 -2px 0 var(--accent-2)}
.dd-menu{display:none;position:absolute;left:0;top:calc(100% - 2px);min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(16,24,40,.14);padding:.35rem;z-index:40}
.dd.end .dd-menu{left:auto;right:0;max-width:300px}
.dd:hover>.dd-menu,.dd.open>.dd-menu,.dd:focus-within>.dd-menu{display:block}
.dd-menu a,.dd-menu button{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .65rem;border-radius:7px;color:var(--ink);text-decoration:none;font:inherit;background:none;border:0;cursor:pointer;text-align:left}
.dd-menu a:hover,.dd-menu button:hover{background:var(--surface-2);text-decoration:none}.dd-menu .ico{color:var(--muted)}
.dd-menu hr{margin:.3rem 0}.dd-menu .head{padding:.4rem .65rem;color:var(--muted);font-size:.78rem}
.topnav .right{display:flex;align-items:center;gap:.25rem;margin-left:auto}
.topnav .search{display:flex;align-items:center;position:relative}
.topnav .search input{background:var(--side-2);border:1px solid #243041;color:#fff;min-height:34px;padding:.25rem .7rem .25rem 2rem;width:230px;border-radius:8px}
.topnav .search input::placeholder{color:#7f8b9b}.topnav .search .ico{position:absolute;left:.65rem;color:#7f8b9b;width:1rem;height:1rem}
.topnav .iconbtn{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:inherit}
.topnav .iconbtn:hover{background:var(--surface-2);text-decoration:none}.topnav.staff .iconbtn:hover{background:var(--side-2)}
.topnav .iconbtn .count{position:absolute;top:2px;right:2px;background:var(--err);color:#fff;border-radius:99px;font-size:.65rem;padding:0 .3rem;font-weight:650}
.topnav .whoami{display:flex;align-items:center;gap:.5rem}.topnav .avatar{background:var(--accent);color:var(--accent-ink);border:0}
.topnav #navtoggle{display:none;background:none;border:0;color:inherit;padding:.4rem;cursor:pointer}
.crumbbar{background:var(--surface-2);border-bottom:1px solid var(--line)}
.crumbbar .in{max-width:1240px;margin:0 auto;padding:.55rem clamp(1rem,3vw,2rem);display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.85rem;color:var(--muted)}
.crumbbar ol{list-style:none;display:flex;gap:.4rem;margin:0;padding:0;flex-wrap:wrap;align-items:center}.crumbbar li+li::before{content:"/";margin-right:.4rem;color:var(--line-2)}
.crumbbar b{color:var(--ink);font-weight:600}
.wh .main{max-width:1240px;margin:0 auto;padding:1.5rem clamp(1rem,3vw,2rem) 3rem;flex:1;width:100%}
.footer{border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.footer .in{max-width:1240px;margin:0 auto;padding:1rem clamp(1rem,3vw,2rem);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
/* tiles (WHMCS dashboard boxes) */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem}
.tile{position:relative;display:block;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--tc,var(--accent));border-radius:var(--r);padding:1rem 1.1rem .8rem;color:inherit;box-shadow:var(--shadow);overflow:hidden}
.tile:hover{text-decoration:none;border-color:var(--tc,var(--accent))}
.tile .big{font-size:2.1rem;font-weight:650;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.tile .lbl{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-top:.15rem}
.tile .ico{position:absolute;right:.8rem;top:.8rem;width:2.6rem;height:2.6rem;color:var(--tc,var(--accent));opacity:.18;stroke-width:1.5}
.tile .more{display:block;margin-top:.7rem;font-size:.8rem;color:var(--tc,var(--accent));font-weight:600}
.t-blue{--tc:#2b6cb0}.t-green{--tc:#17794a}.t-orange{--tc:#c27803}.t-red{--tc:#b42323}.t-teal{--tc:var(--accent)}.t-slate{--tc:#566174}
/* panels */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:1rem;box-shadow:var(--shadow);overflow:hidden}
.panel>.ph{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1rem;background:var(--surface-2);border-bottom:1px solid var(--line)}
.panel>.ph h2{margin:0;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.panel>.ph .ico{color:var(--accent)}
.panel>.pb{padding:1rem}.panel>.pf{padding:.6rem 1rem;border-top:1px solid var(--line);background:var(--surface-2);font-size:.85rem}
.panel table th:first-child,.panel table td:first-child{padding-left:1rem}
.panel .empty{padding:1.4rem 1rem}
.cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.25rem;align-items:start}
.cols.even{grid-template-columns:repeat(2,minmax(0,1fr))}.cols>div>.panel:last-child{margin-bottom:0}
.hello{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}
.domain-search{display:flex;gap:.5rem}.domain-search input{flex:1}
.navlist{list-style:none;padding:0;margin:0}.navlist li a{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--line);color:var(--ink)}.navlist li:last-child a{border-bottom:0}.navlist li a:hover{background:var(--surface-2);text-decoration:none}
.navlist .n{font-weight:650;font-variant-numeric:tabular-nums}.navlist .n.hot{color:var(--err)}
.results h3{margin:1.2rem 0 .4rem}
@media(max-width:1000px){
  .cols,.cols.even{grid-template-columns:1fr}
  .topnav #navtoggle{display:block}
  .topnav .bar{flex-wrap:wrap}
  .topnav .menu{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;order:5;padding:.5rem 0}
  .topnav.nav-open .menu{display:flex}
  .topnav .menu>li{width:100%}.topnav .dd-btn,.topnav .menu a.top{width:100%}
  .dd-menu{position:static;box-shadow:none;border:0;display:none;padding-left:1rem;background:transparent}
  .dd.open>.dd-menu{display:block}.dd:hover>.dd-menu{display:none}.dd.open:hover>.dd-menu{display:block}
  .topnav .search input{width:140px}
  .topnav .right{order:2}
}
.filters .grow{flex:1 1 320px}
.num{white-space:nowrap}
.topnav .search input{width:170px}.topnav .search input:focus{width:240px}.topnav .search input{transition:width .15s}
.topnav .menu a.top,.topnav .dd-btn{padding:.5rem .65rem}
@media(max-width:1280px){.topnav .who-name{display:none}}
.dd-menu .head{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-menu form{margin:0}
[hidden]{display:none!important}