:root,[data-theme=light]{--bg0:#fff8f2;--bg1:#ffefe3;--bg2:#ffe2cc;--surface:#ffffffdb;--surface-strong:#fffaf5f2;--sidebar:#fff4eae6;--input:#ffffffe6;--line:#b45a1e29;--text:#2a160c;--muted:#8a614a;--accent:#e86a12;--accent-dim:#c45308;--accent-soft:#e86a121f;--accent-ink:#fff8f2;--danger:#d64545;--warn:#c98500;--ok:#1f8a4c;--shadow:0 18px 40px #78370f1f;--glow-a:#ff8c3c38;--glow-b:#ffbe7847;--cloud-on:#f6821f;--cloud-off:#8b97a8;--radius:14px;--font:"Sora", sans-serif;--mono:"IBM Plex Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg0:#140c07;--bg1:#1d120b;--bg2:#2a1810;--surface:#2a1810d1;--surface-strong:#1c100aeb;--sidebar:#100a07d6;--input:#00000047;--line:#ffaa6e29;--text:#fff4eb;--muted:#c4a08a;--accent:#ff8a3d;--accent-dim:#d45e12;--accent-soft:#ff8a3d24;--accent-ink:#2a1204;--danger:#ff6b6b;--warn:#ffc857;--ok:#7dffb0;--shadow:0 20px 60px #0006;--glow-a:#ff8a3d2e;--glow-b:#ff5a281a;--cloud-on:#f6821f;--cloud-off:#9aa3b2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{color:var(--text);background:var(--bg0);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1000px 520px at 8% -12%, var(--glow-a), transparent 55%), radial-gradient(780px 420px at 100% 0%, var(--glow-b), transparent 50%), linear-gradient(180deg, var(--bg1) 0%, var(--bg0) 45%, var(--bg0) 100%);transition:background .25s,color .25s}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit}button{background:linear-gradient(180deg, var(--accent), var(--accent-dim));color:var(--accent-ink);cursor:pointer;border:0;border-radius:10px;padding:.7rem 1rem;font-weight:600}button:disabled{opacity:.6;cursor:wait}button.ghost{color:var(--text);border:1px solid var(--line);background:0 0}button.danger{background:linear-gradient(180deg, #ff8b8b, var(--danger));color:#1a0505}input,select{border:1px solid var(--line);background:var(--input);width:100%;color:var(--text);border-radius:10px;margin-top:.35rem;padding:.7rem .8rem}label{color:var(--muted);font-size:.9rem;display:block}.checkbox{align-items:center;gap:.55rem;margin-top:1.4rem;display:flex}.checkbox input{width:auto;margin:0}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:1.5rem;padding:1.4rem;display:flex}.brand{align-items:center;gap:.8rem;display:flex}.brand strong{font-size:1.05rem;display:block}.brand small{color:var(--muted)}.brand-mark{background:linear-gradient(135deg, var(--accent), transparent 60%), linear-gradient(315deg, #ffb347, transparent 55%), var(--bg2);width:2.2rem;height:2.2rem;box-shadow:0 0 0 1px var(--line);border-radius:8px;animation:4s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.sidebar nav{flex-direction:column;gap:.35rem;display:flex}.sidebar nav a{color:var(--muted);border-radius:10px;padding:.7rem .8rem}.sidebar nav a.active,.sidebar nav a:hover{color:var(--text);background:var(--accent-soft)}.sidebar-foot{gap:.7rem;margin-top:auto;display:grid}.user-chip{border:1px solid var(--line);background:var(--accent-soft);border-radius:10px;gap:.15rem;padding:.7rem;display:grid}.user-chip em{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-style:normal}.theme-toggle{justify-content:center;align-items:center;gap:.45rem;width:100%;display:inline-flex}.theme-fab{position:absolute;top:1rem;right:1rem}.content{padding:1.5rem 1.8rem 2.5rem}.page{max-width:1100px;animation:.35s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.page-head h1{margin:.2rem 0 .35rem;font-size:clamp(1.6rem,2vw,2.1rem)}.page-head p{color:var(--muted);margin:0}.panel{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface), var(--surface-strong));border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.1rem 1.2rem}.panel h2{margin:0 0 .9rem;font-size:1.05rem}.grid-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:.8rem 1rem;display:grid}.dns-form{margin-bottom:1rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.7rem .5rem}th{color:var(--muted);font-size:.85rem;font-weight:500}.mono{font-family:var(--mono);font-size:.86rem}.muted{color:var(--muted)}.pill{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.15rem .5rem;font-size:.78rem;display:inline-block}.pill.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.pill.paused,.pill.pending_ns{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.alert{background:color-mix(in srgb, var(--danger) 14%, transparent);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);color:var(--text);border-radius:10px;margin-bottom:1rem;padding:.75rem .9rem}.alert.ok{background:color-mix(in srgb, var(--ok) 14%, transparent);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.auth-screen{place-items:center;min-height:100vh;padding:1.5rem;display:grid;position:relative}.auth-panel{border:1px solid var(--line);background:var(--surface-strong);width:min(420px,100%);box-shadow:var(--shadow);border-radius:18px;gap:.85rem;padding:1.4rem;animation:.4s fadeIn;display:grid}.auth-brand{margin-bottom:.4rem}.stats{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1rem;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:1rem}.stat span{color:var(--muted);font-size:.85rem}.stat strong{margin-top:.35rem;font-size:1.4rem;display:block}.bars{align-items:end;gap:.45rem;min-height:150px;padding-bottom:.3rem;display:flex;overflow-x:auto}.bar-col{justify-items:center;gap:.35rem;min-width:36px;display:grid}.bar{background:linear-gradient(180deg, var(--accent), var(--accent-dim));border-radius:8px 8px 4px 4px;width:18px}.bar-col small{color:var(--muted);font-size:.68rem}.split{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.8rem;padding:.55rem 0;display:flex}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.filters{gap:.5rem;display:flex}.filters select{width:auto;margin:0}.settings-row{grid-template-columns:2fr 1fr 1fr;align-items:end;gap:1rem;display:grid}.text-link{color:var(--accent)}.add-domain-form{grid-template-columns:1fr auto;align-items:end}.ns-panel .ns-list{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.ns-list code{font-family:var(--mono);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:var(--accent-soft);color:var(--accent);border-radius:10px;padding:.55rem .8rem}.domain-cards{gap:.8rem;display:grid}.domain-card{border:1px solid var(--line);background:var(--accent-soft);border-radius:12px;padding:1rem}.domain-card h3{margin:0 .6rem 0 0;display:inline-block}.domain-card .row-actions{margin-top:.8rem}.button-link{color:var(--text);border:1px solid var(--line);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:600;display:inline-flex}.dns-zone-bar{gap:.35rem;display:grid}.dns-zone-bar>div{align-items:center;gap:.7rem;display:flex}.dns-editor{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:.8rem 1rem;display:grid}.dns-editor .grow{grid-column:span 2}.dns-table .content-cell{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.cloud{vertical-align:middle;display:inline-flex}.cloud.on{color:var(--cloud-on)}.cloud.off{color:var(--cloud-off)}.cloud-btn{align-items:center;gap:.4rem;padding:.35rem .55rem;display:inline-flex}.proxy-toggle{margin-top:.2rem}.center{min-height:100vh;color:var(--muted);place-items:center;display:grid}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.stats,.split,.settings-row,.add-domain-form{grid-template-columns:1fr}.dns-editor .grow{grid-column:auto}.page-head{flex-direction:column}}