:root{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#f9f6ff;background-color:#09021c;--brand-pink: #f0008c;--brand-purple: #7625e6;--brand-blue: #2f6bff;--bg-surface: rgba(9, 2, 28, .92);--bg-elevated: rgba(21, 10, 54, .95);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .24);--text-dim: #cfc5e5;--accent: #58d68d;--warning: #f97316;--info: #8ab4ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(240,0,140,.35),transparent 55%),radial-gradient(circle at 80% 10%,rgba(47,107,255,.3),transparent 45%),linear-gradient(135deg,#2f0a4a,#0a0324 45%,#03010f);color:inherit}#root{min-height:100vh}.page{max-width:1200px;margin:0 auto;padding:3rem clamp(1.5rem,4vw,3rem) 4rem;display:flex;flex-direction:column;gap:2rem}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}.primary-button{border:none;border-radius:1rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;cursor:pointer;color:#041b11;background:linear-gradient(120deg,#58d68df2,#34c759e6);box-shadow:0 10px 25px #58d68d40;transition:transform .15s ease,box-shadow .15s ease}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #58d68d59}.primary-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 8px 16px #58d68d40}.page-header h1{margin:.2rem 0;font-size:clamp(2rem,4vw,2.8rem)}.subtitle{margin:0;color:var(--text-dim);max-width:540px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--info);margin:0}.header-meta{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.header-meta__stats{display:flex;flex-direction:column;gap:.35rem;align-items:flex-end}.timestamp{margin:0;color:var(--text-dim)}.toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:1.25rem;border-radius:1.25rem;border:1px solid var(--border);background:var(--bg-elevated)}.search-wrapper{flex:1 1 260px}.search-wrapper input{width:100%;padding:.85rem 1rem;border-radius:999px;border:1px solid var(--border);background:#0f0b22e6;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.search-wrapper input:focus-visible{outline:none;border-color:var(--brand-pink);box-shadow:0 0 0 3px #f0008c40}.filter-group{display:inline-flex;gap:.5rem;flex-wrap:wrap}.filter-chip{border-radius:999px;border:1px solid var(--border);background:transparent;color:inherit;padding:.45rem .9rem;display:inline-flex;gap:.4rem;align-items:center;cursor:pointer;transition:background .18s ease,border-color .18s ease}.filter-chip.active{background:#f0008c33;border-color:var(--brand-pink)}.chip-count{font-size:.85rem;color:var(--text-dim)}button{font-family:inherit}.ghost-button{border-radius:999px;border:1px solid var(--border);background:transparent;color:inherit;padding:.55rem 1.2rem;cursor:pointer;transition:border-color .18s ease}.ghost-button--danger{border-color:#f9731699;color:var(--warning)}.ghost-button[disabled]{opacity:.6;cursor:progress}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metric-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:1.25rem;padding:1.25rem;box-shadow:0 15px 35px #03010f59}.metric-card p{margin:0;color:var(--text-dim)}.metric-card strong{display:block;margin-top:.4rem;font-size:2rem}.domain-section{display:flex;flex-direction:column;gap:1.25rem}.state-text{margin:0;color:var(--text-dim)}.error-panel{border:1px solid rgba(249,115,22,.4);padding:1rem;border-radius:.75rem;background:#f9731614;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.error-panel button{border:1px solid rgba(249,115,22,.8);background:transparent;border-radius:999px;color:inherit;padding:.35rem 1rem;cursor:pointer}.domain-grid{display:flex;flex-direction:column;gap:1.25rem}.domain-card{border:1px solid var(--border);border-radius:1.25rem;padding:1.5rem;background:linear-gradient(135deg,#1d0c44e6,#050418f2);display:flex;flex-direction:column;gap:1rem;width:100%;box-shadow:0 20px 40px #03010f73}.domain-card__header{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;flex-wrap:wrap}.domain-card__header h3{margin:0}.domain-card__info{flex:1 1 360px}.domain-card__title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.domain-status{display:inline-flex;gap:.4rem;flex-wrap:wrap}.domain-status .status-badge{min-width:auto}.domain-flags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.35rem}.domain-flags--primary{opacity:.85}.domain-flags--expanded{margin-bottom:.25rem}.domain-card__controls{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.domain-card__menu-wrapper{position:relative}.domain-card__menu-button{display:inline-flex;align-items:center;gap:.4rem}.domain-card__menu-button .dns-toggle-btn__icon{margin-top:0}.domain-card__menu-button.is-open .dns-toggle-btn__icon{transform:rotate(-135deg)}.domain-card__menu{position:absolute;right:0;top:calc(100% + .35rem);background:var(--bg-elevated);border:1px solid var(--border);border-radius:.75rem;padding:.35rem;display:flex;flex-direction:column;min-width:180px;box-shadow:0 18px 30px #00000073;z-index:1}.menu-item{border:none;background:transparent;color:inherit;text-align:left;padding:.45rem .75rem;border-radius:.55rem;cursor:pointer;font-size:.95rem}.menu-item:hover:not(:disabled){background:#ffffff0d}.menu-item:disabled{opacity:.5;cursor:not-allowed}.menu-item--danger{color:var(--warning)}.flag-pill{font-size:.75rem;letter-spacing:.02em;text-transform:uppercase;padding:.1rem .4rem;border-radius:.35rem;border:1px solid var(--border);color:var(--text-dim)}.dns-toggle-btn{display:inline-flex;align-items:center;gap:.4rem}.dns-toggle-btn__icon{width:.45rem;height:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease;margin-top:-.15rem}.dns-toggle-btn--open .dns-toggle-btn__icon{transform:rotate(-135deg)}.dns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.dns-record{border:1px solid var(--border);border-radius:.85rem;padding:.85rem;background:#08031e8c;display:flex;flex-direction:column;gap:.5rem}.dns-record__header{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.dns-label{margin:0;font-weight:600}.dns-record dl{margin:0;display:grid;row-gap:.25rem;font-size:.85rem}.dns-record dl div{display:flex;gap:.4rem}.dns-record dt{color:var(--text-dim)}.dns-value{word-break:break-all}.status-badge{border-radius:999px;font-size:.8rem;padding:.15rem .75rem;border:1px solid transparent}.status-badge.success{color:var(--accent);border-color:#58d68d66;background:#58d68d14}.status-badge.warning{color:var(--warning);border-color:#f9731680;background:#f973161f}.status-badge.info{color:var(--info);border-color:#60a5fa66;background:#60a5fa1f}.alert-text{margin:0;color:var(--warning);font-size:.9rem}.empty-state{grid-column:1 / -1;color:var(--text-dim)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;padding:1.5rem;z-index:10}.modal-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:1rem;max-width:min(960px,100%);width:100%;max-height:85vh;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;box-shadow:0 45px 90px #03010f99}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.modal-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.modal-actions .ghost-button{min-width:120px}.modal-hint{margin:0;color:var(--text-dim)}.modal-error{margin:0;color:var(--warning);font-size:.9rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:#050418e6;border:1px solid var(--border);border-radius:999px;padding:.6rem 1rem;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 20px 40px #03010f73}.toast--danger{background:#560818f2;border-color:#f87116b3;color:#ffe4e6}.toast .ghost-button{border:none;padding:.2rem .4rem;font-size:1.1rem}.toast--danger .ghost-button{color:inherit}.modal-code{flex:1;overflow:auto;border:1px solid var(--border);border-radius:.75rem;background:#05060a;padding:1rem}.modal-code pre{margin:0;font-size:.85rem;line-height:1.5;color:#cbd5f5}.modal-form{display:flex;flex-direction:column;gap:1rem}.collapsible-section{border:1px solid var(--border);border-radius:.75rem;padding:.75rem;background:#05060a59}.collapsible-toggle{width:100%;border:none;background:transparent;display:flex;justify-content:space-between;align-items:center;color:inherit;font-size:.95rem;padding:.25rem .1rem;cursor:pointer}.collapsible-toggle__chevron{width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}.collapsible-toggle.is-open .collapsible-toggle__chevron{transform:rotate(-135deg)}.collapsible-content{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;margin-top:0;padding-top:0;border-top:1px solid transparent;transition:grid-template-rows .22s ease,opacity .2s ease,margin-top .2s ease,padding-top .2s ease,border-top-color .2s ease}.collapsible-content.is-open{grid-template-rows:1fr;opacity:1;margin-top:.75rem;padding-top:.75rem;border-top-color:var(--border)}.collapsible-inner{overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.modal-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}.modal-form input[type=text]{width:100%;padding:.7rem .9rem;border-radius:.6rem;border:1px solid var(--border);background:#05060a80;color:inherit}.modal-checkbox{display:flex;align-items:center;gap:.5rem}.modal-checkbox input{width:1rem;height:1rem}@media(max-width:640px){.page-header,.toolbar{flex-direction:column;align-items:stretch}.header-meta{width:100%;align-items:stretch}.header-meta__stats{align-items:flex-start}.header-meta .primary-button{width:100%}}