body{margin:0}:root{color:#e6e9ef;background-color:#0c0f16;font-family:IBM Plex Mono,Cascadia Code,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 20%,rgba(66,122,255,.12),transparent 25%),radial-gradient(circle at 80% 0%,rgba(255,118,20,.15),transparent 22%),#0c0f16;color:#e6e9ef;font-size:14px}.page{max-width:1040px;margin:0 auto;padding:32px 20px 64px}.app-shell{display:flex;gap:16px;margin-top:18px}.drawer{width:240px;padding:16px;border:1px solid #1d2537;border-radius:12px;background:#0f1524;height:fit-content}.drawer-section{margin-bottom:14px;display:grid;gap:8px}.content{flex:1;min-width:0}.panel.narrow{max-width:720px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.mobile-menu{display:none;margin-bottom:12px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.logo-dot{width:16px;height:16px;border-radius:4px;background:linear-gradient(135deg,#4e7dff,#6ab6ff,#1f6bff);display:inline-flex;align-items:center;justify-content:center;color:#0c0f16;font-weight:800;font-size:9px;box-shadow:0 4px 10px #00000059}.brand-name{letter-spacing:.04em}.nav-actions{display:flex;gap:10px;align-items:center}.user-trigger{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:999px}.avatar-circle{width:26px;height:26px;border-radius:50%;background:#1f2638;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#dfe7ff}.user-email{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.chevron{font-size:11px;color:#9ba7c2}.user-menu{position:relative}.menu-popup{position:absolute;right:0;top:120%;background:#0f1524;border:1px solid #1f2638;border-radius:8px;box-shadow:0 12px 40px #00000040;display:flex;flex-direction:column;min-width:190px;z-index:20}.menu-popup button{text-align:left;padding:8px 10px;border:none;background:transparent;color:#dfe7ff;font-size:13px}.menu-popup button:hover{background:#16213a}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 18px;border:1px solid #1d2537;border-radius:12px;background:linear-gradient(120deg,#0f1421,#0c111d)}.feature-list{margin:12px 0;padding-left:18px;color:#c7d0e7;display:grid;gap:6px;font-size:13px}.hero-actions{display:flex;gap:10px;margin-top:12px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#7ea2ff;margin:0 0 8px}h1{margin:0 0 8px;font-size:28px}.subtitle{margin:0;color:#a6afc2}.pill-row{display:flex;gap:8px}.pill{border:1px solid #1f2433;background:#101624;color:#c7d0e7;padding:10px 14px;border-radius:999px;cursor:pointer}.pill.active{border-color:#4e7dff;background:linear-gradient(120deg,#1e2a44,#1c2f60);color:#f5f7ff}.panel{margin-top:20px;padding:18px;background:#111727;border:1px solid #1d2537;border-radius:12px;box-shadow:0 12px 30px #0006}.auth-wrap{display:flex;justify-content:center}.panel h3{margin-top:0;margin-bottom:10px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.panel-header h3{margin:0}.panel-header .tiny{margin:0 0 12px}.auth-panel{max-width:420px}.auth-links{margin-top:10px;display:flex;flex-direction:column;gap:6px}.link{width:auto;background:transparent;border:none;color:#8fb3ff;padding:0;text-align:left;cursor:pointer}.link:hover{text-decoration:underline}.tab-switch{display:flex;gap:8px;margin-bottom:12px}.chip{padding:8px 10px;border-radius:12px;border:1px solid #1f2638;background:#0f1421;color:#c2cbe0;cursor:pointer}.chip.active{border-color:#4e7dff;background:#1f2f4c;color:#f8fbff}.hero-card{min-width:260px;padding:14px;border:1px solid #1d2537;border-radius:12px;background:#0f1524}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.stat-card{padding:12px;border-radius:10px;background:#0d1320;border:1px solid #1f2638}.stat-label{color:#8f99b1;font-size:12px}.stat-value{font-weight:700;margin-top:4px}.progress{position:relative;height:10px;border-radius:999px;background:#1a2232;overflow:hidden;margin-top:6px}.progress-bar{height:100%;background:linear-gradient(120deg,#4e7dff,#6ab6ff);border-radius:999px}.progress-label{position:absolute;top:-18px;right:0;font-size:11px;color:#8f99b1}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}.status-card{padding:12px;border-radius:10px;background:#0d1320;border:1px solid #1f2638}.downloads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}.download-card{padding:12px;border-radius:10px;background:#0d1320;border:1px solid #1f2638}.downloads-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px}.downloads-table th,.downloads-table td{border:1px solid #1f2638;padding:8px 10px;text-align:left}.downloads-table th{background:#0f1422;color:#c7d0e7}.downloads-table code{display:block;white-space:nowrap;overflow-x:auto}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.template-card{padding:12px;border-radius:10px;background:#0d1320;border:1px solid #1f2638}.downloads-table a{color:#8bd5ff}.downloads-table a:hover{color:#b5e3ff;text-decoration:underline}.table-responsive{width:100%;overflow-x:auto}.footer{margin-top:32px;text-align:center;color:#6f7a93;font-size:12px}label{display:block;margin:12px 0 14px;font-size:13px;color:#c2cbe0}input,select,textarea{width:100%;padding:8px 10px;border-radius:10px;border:1px solid #2a344a;background:#0c1220;color:#e6e9ef;font-size:13px;font-family:IBM Plex Mono,Cascadia Code,SFMono-Regular,Consolas,monospace}button{width:auto;padding:8px 10px;border-radius:8px;border:1px solid #2a344a;background:#0c1220;color:#e6e9ef;font-size:13px;font-family:IBM Plex Mono,Cascadia Code,SFMono-Regular,Consolas,monospace}button.ghost{width:auto;padding:8px 12px;border:1px solid #1f2638;background:transparent;color:#dce4ff;white-space:nowrap}input:focus,select:focus{outline:1px solid #4e7dff}input::placeholder{color:#6f7a93}select option{background:#0c1220;color:#e6e9ef}button{cursor:pointer;transition:opacity .12s ease}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:linear-gradient(120deg,#4e7dff,#6ab6ff);color:#0c0f16;border:none;font-weight:600}.button-stack button{margin-bottom:6px}.action-buttons{display:flex;gap:6px;flex-wrap:wrap}.align-end{align-items:flex-end;justify-content:flex-end}.checkbox-row{display:flex;align-items:center;gap:8px;padding-top:20px}button.danger{border-color:#5a1c1c;color:#ff9b9b}.row{display:flex;gap:8px}.list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.list li{padding:10px 12px;border-radius:10px;background:#0d1320;border:1px solid #20283a}.muted{color:#9aa4b9;font-size:12px}.banner{margin-top:16px;padding:12px 14px;border-radius:12px;border:1px solid #23427a;background:#0f1a2b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.grid.two-cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.table{margin-top:12px;border:1px solid #1f2638;border-radius:10px;overflow:hidden}.dns-editor{margin-top:12px;overflow-x:auto}.dns-editor .thead,.dns-editor .trow{grid-template-columns:1fr .6fr 1.6fr .6fr .7fr .7fr .8fr .9fr 1.4fr .7fr .7fr 1.1fr;min-width:1150px}.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:end}.add-record-grid{grid-template-columns:1fr .6fr 1.6fr .6fr .7fr .7fr .8fr .9fr 1.4fr .7fr .7fr 1.1fr}.thead,.trow{display:grid;grid-template-columns:1.2fr 1fr 2.5fr .9fr;gap:6px;padding:10px 12px}.thead{background:#0f1524;font-weight:600;white-space:nowrap}.domains-table .thead,.domains-table .trow{grid-template-columns:1.5fr .8fr .8fr}.tokens-table .thead,.tokens-table .trow{grid-template-columns:1.2fr 1fr 2.5fr 1fr .9fr}.trow{border-top:1px solid #1b2232;align-items:center}.record-row{background:#0f1422;transition:background .12s ease,border-color .12s ease}.record-row:hover{background:#141c2e;border-color:#324066}.mono{font-family:IBM Plex Mono,Cascadia Code,Consolas,SFMono-Regular,monospace;overflow-wrap:anywhere}.inline-actions{gap:4px;align-items:flex-end;align-self:stretch;display:flex;justify-content:flex-start}.tiny-btn{padding:6px 10px;font-size:12px}.small{font-size:11px}.tiny{font-size:12px;color:#a6afc2}.good{color:#7deba6}.banner code,.list code,.panel code{display:block;margin-top:4px;padding:8px;border-radius:8px;background:#0c1220;border:1px solid #20283a;color:#dfe7ff}@media(max-width:720px){.thead,.trow{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.brand{font-size:16px}.panel{max-width:100%}.app-shell{flex-direction:column}.drawer{display:none}.mobile-menu{display:block}}