:root{color-scheme:light;font-family:Pragmatica,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.4;font-weight:500;color:#1f1f23;background:#f5f8fc;--page-max-width: 1480px;--surface: #ffffff;--surface-strong: #ffffff;--surface-muted: #f6f9fd;--line: rgba(31, 31, 35, .1);--line-strong: rgba(31, 31, 35, .18);--ink: #1f1f23;--ink-soft: #3e424a;--ink-muted: #70747d;--accent: #1469d2;--accent-strong: #0c4ea3;--accent-soft: #eaf3ff;--success: #0f766e;--success-soft: rgba(15, 118, 110, .1);--warning: #b45309;--warning-soft: rgba(180, 83, 9, .1);--danger: #b91c1c;--danger-soft: rgba(185, 28, 28, .08);--shadow-lg: 0 8px 24px rgba(35, 65, 105, .06);--radius-xl: 14px;--radius-lg: 12px;--radius-md: 10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at top left,rgba(20,105,210,.1),transparent 32%),linear-gradient(180deg,#fff,#f3f7fc 46%,#f8fafc)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid rgba(20,105,210,.35);outline-offset:3px}#root{min-height:100vh}.splash-screen,.login-page{min-height:100vh;padding:18px;display:grid;place-items:center}.splash-screen{gap:12px;font-size:.95rem;color:var(--ink-soft)}.login-layout{width:min(390px,100%)}.login-card,.panel,.sidebar{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-lg)}.login-card{padding:24px}.login-brand{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.login-brand img{display:block;width:44px;height:44px;flex:0 0 auto}.brand-copy{display:grid;gap:1px;min-width:0}.brand-copy strong{color:var(--ink);font-size:1.05rem;line-height:1.1;letter-spacing:-.01em}.brand-copy small{color:var(--ink-muted);font-size:.72rem;line-height:1.25;overflow-wrap:anywhere}.eyebrow,.sidebar-kicker,.stat-label,th{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:700;color:var(--ink-muted)}.login-card h1,.page-header h1,.panel h2,.section-heading h2{margin:0;font-family:Pragmatica,Helvetica Neue,Arial,sans-serif;letter-spacing:-.02em}.page-header h1{font-size:clamp(1.7rem,2vw,2rem);line-height:1.12}.login-card h1{font-size:1.55rem;line-height:1.15}.panel h2{font-size:1.05rem}.login-card p,.page-header p,.panel-header p,.section-heading p,.section-note,.sidebar-panel p,.balance-card small,.cell-stack small,.user-chip small{margin:0;color:var(--ink-muted)}.app-shell{max-width:calc(var(--page-max-width) + 28px);margin:0 auto;min-height:100vh;display:grid;grid-template-columns:216px minmax(0,1fr);gap:14px;padding:14px}.sidebar{padding:14px;display:flex;flex-direction:column;gap:16px;position:sticky;top:14px;height:calc(100vh - 28px);overflow-y:auto;overscroll-behavior:contain}.sidebar-top,.sidebar-footer{display:grid;gap:14px}.sidebar-footer{margin-top:auto}.brand{display:flex;align-items:center;gap:10px;min-width:0;padding:0 2px 12px;border-bottom:1px solid var(--line)}.brand-logo{display:block;width:40px;height:40px;flex:0 0 auto}.sidebar-kicker,.balance-card small,.user-chip small{display:block;margin-top:4px;color:var(--ink-muted);overflow-wrap:anywhere}.sidebar-panel,.balance-card,.sidebar-session{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-lg);padding:10px 12px}.sidebar-nav{display:grid;gap:4px}.sidebar-nav a{display:flex;align-items:center;min-height:36px;padding:0 10px;border-radius:8px;color:var(--ink-soft);border:1px solid transparent;border-left:3px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--accent-soft);border-color:#1469d21f;border-left-color:var(--accent);color:var(--accent)}.balance-card{display:grid;gap:9px;min-width:0}.balance-card strong,.user-chip span{display:block;color:var(--ink);overflow-wrap:anywhere}.balance-card-header{display:flex;justify-content:space-between;gap:8px;align-items:start;flex-wrap:wrap}.balance-card-header>div,.user-chip{min-width:0}.sidebar-session{display:flex;align-items:center;justify-content:space-between;gap:6px}.user-chip{flex:1 1 auto}.user-chip small{font-size:.68rem;white-space:nowrap;overflow-wrap:normal}.session-logout{min-height:32px;padding:0 8px;flex:0 0 auto}.balance-amount{font-size:1.25rem;font-weight:700;line-height:1;color:var(--ink)}.content{min-width:0;padding:0 0 14px}.page-grid{display:grid;gap:14px}.page-header{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:14px 16px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff,#f3f8ff);border:1px solid var(--line);box-shadow:var(--shadow-lg)}.page-header-copy{display:grid;gap:4px;flex:1;min-width:0}.page-actions{display:flex;align-items:start;gap:8px;flex-wrap:wrap;min-width:0}.panel{padding:16px;min-width:0}.panel-grid{display:grid;gap:14px;align-items:start;min-width:0}.section-heading{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;align-items:end;padding:2px 2px 0}.section-heading>div{display:grid;gap:4px;min-width:0}.section-heading h2{font-size:1.2rem}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-actions-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.domain-actions-grid>.panel{height:100%}.domain-check-panel{grid-column:1;grid-row:2}.domain-register-panel{grid-column:2;grid-row:2 / span 2}.domain-import-panel{grid-column:1;grid-row:3}.domain-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.domain-filter-name{grid-column:span 2}.success-banner-content{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-muted);text-align:center}.empty-state p{margin:0;color:var(--ink-muted)}.panel-header,.table-header{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}.table-meta{align-self:center;color:var(--ink-muted);font-size:.82rem;font-weight:700;min-width:0;overflow-wrap:anywhere}.stack{display:grid;gap:12px}.inline-form,.button-row,.checkbox-row,.inline-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form{align-items:end}.inline-form label{flex:1 1 180px;min-width:0}.checkbox-row{justify-content:flex-start}.toggle-card{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;border:1px solid rgba(20,105,210,.14);background:var(--accent-soft)}.toggle-card span{color:var(--ink);font-weight:600}.dns-section{display:grid;gap:12px}.dns-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dns-inline-editor{display:grid;gap:12px;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-muted)}.dns-inline-editor-header{display:flex;justify-content:space-between;gap:8px;align-items:start}.dns-form-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.dns-field-full{grid-column:1 / -1}.dns-inline-actions{display:flex;justify-content:flex-end;gap:8px;grid-column:1 / -1}.dns-table-wrap{border-radius:12px;border:1px solid var(--line)}.dns-table{min-width:0;table-layout:fixed}.dns-table th,.dns-table td{padding:9px 8px}.dns-value-cell{overflow-wrap:anywhere;word-break:break-word}.dns-actions-cell{white-space:nowrap}.notification-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.notification-meta>div{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-muted)}.notification-meta strong,.checkbox-copy strong{display:block;color:var(--ink)}.notification-meta small,.checkbox-copy small{display:block;margin-top:4px;color:var(--ink-muted)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.checkbox-card{display:flex;align-items:start;gap:9px;padding:10px 12px;border-radius:10px;border:1px solid rgba(20,105,210,.14);background:var(--accent-soft)}.checkbox-copy{min-width:0}.cell-stack{display:grid;gap:4px;min-width:0}.inline-tags{margin-top:8px}label{display:grid;gap:4px;color:var(--ink-soft);font-weight:600}input:not([type=checkbox]),textarea,select{width:100%;border-radius:9px;border:1px solid var(--line-strong);background:#fffffff0;padding:9px 11px;color:var(--ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease}input:not([type=checkbox]):focus,textarea:focus,select:focus{border-color:#1469d27a;box-shadow:0 0 0 3px #1469d21a}textarea{resize:vertical;min-height:88px}input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--accent);flex:0 0 auto}.primary-button,.ghost-button{min-height:36px;border-radius:9px;border:1px solid transparent;padding:0 13px;font-weight:700;white-space:normal;overflow-wrap:anywhere;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}.primary-button:disabled,.ghost-button:disabled{opacity:.62;cursor:not-allowed}.primary-button{color:#fff;background:var(--accent);box-shadow:0 12px 24px #1469d233}.ghost-button{color:var(--ink);background:#ffffffe0;border-color:var(--line)}.primary-button:not(:disabled):hover{background:var(--accent-strong);transform:translateY(-1px)}.ghost-button:not(:disabled):hover{border-color:#1469d240;color:var(--accent)}.compact-button{min-height:30px;padding:0 9px}.table-action-cell{white-space:nowrap}.danger-button{color:var(--danger);background:var(--danger-soft);border-color:#b91c1c24}.wide-button{width:100%}.error-banner,.success-banner,.muted-box{border-radius:10px;padding:10px 12px;border:1px solid transparent}.error-banner{background:#fee2e2eb;border-color:#f8717138;color:#991b1b}.success-banner{background:#ccfbf1e0;border-color:#14b8a633;color:#115e59}.muted-box{background:var(--surface-muted);border-color:var(--line);color:var(--ink-soft)}.warning-text{color:var(--warning);font-weight:700}.availability-result,.availability-list,.availability-item{display:grid;gap:8px}.availability-item{padding:9px 11px;border-radius:9px;background:var(--surface);border:1px solid var(--line)}.responsive-table{min-width:0;overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0;min-width:0}th,td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:.68rem;background:#f8fafce0}tbody tr:hover td{background:#eff6ff8f}.table-link{font-weight:700;color:var(--ink);overflow-wrap:anywhere}.detail-list{display:grid;gap:0}.detail-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--ink-muted);font-weight:600}.detail-list dd{margin:0;font-weight:700;color:var(--ink);text-align:right;min-width:0;overflow-wrap:anywhere}.list-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-lg);background:var(--surface-muted);border:1px solid var(--line)}.list-card>div{min-width:0}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;border:1px solid var(--line);background:#ffffffe6;color:var(--ink-soft);font-size:.75rem;font-weight:700;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}.success-pill{background:var(--success-soft);color:var(--success);border-color:#0f766e24}.warning-pill{background:var(--warning-soft);color:var(--warning);border-color:#b4530924}.muted-pill{background:#f1f5f9db;color:#475569;border-color:var(--line)}.neutral-pill{background:var(--accent-soft);color:var(--accent-strong);border-color:#1469d224}.mono-cell{font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;color:var(--ink-soft);overflow-wrap:anywhere;word-break:break-word}.api-secret-box{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;padding:10px;border:1px solid rgba(15,118,110,.2);border-radius:var(--radius-lg);background:var(--success-soft)}.api-secret-box code{min-width:0;overflow-wrap:anywhere;word-break:break-all}.api-key-actions{margin-top:12px}.api-docs{display:grid;gap:18px}.api-docs section{display:grid;gap:8px;min-width:0}.api-docs p{margin:0;color:var(--ink-soft)}.api-docs code,.api-secret-box code{font-family:SFMono-Regular,Menlo,Consolas,monospace}.api-docs pre{max-width:100%;margin:0;padding:12px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:#111827;color:#e5e7eb;white-space:pre}.audit-filter-grid{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end}.audit-filter-actions{display:flex;justify-content:flex-end;gap:8px;grid-column:1 / -1}.pagination-bar{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.pagination-list{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.page-button{min-width:34px;min-height:34px;border-radius:9px;border:1px solid var(--line);background:#ffffffe6;color:var(--ink);font-weight:700;transition:background .18s ease,border-color .18s ease,color .18s ease}.page-button.active{color:#fff;border-color:transparent;background:var(--accent);box-shadow:0 12px 24px #1469d22e}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pagination-ellipsis{color:var(--ink-muted);font-weight:700;padding:0 2px}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;top:0;height:auto;overflow:visible}.sidebar-top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.brand{padding:0;border-bottom:0}.sidebar-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;flex-wrap:wrap}.sidebar-footer{margin-top:0;grid-template-columns:minmax(0,1fr) minmax(190px,auto);align-items:stretch}.balance-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.balance-card-header{align-items:center}.audit-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.two-columns,.domain-actions-grid{grid-template-columns:1fr}.domain-check-panel,.domain-register-panel,.domain-import-panel{grid-column:auto;grid-row:auto}.sidebar-top{grid-template-columns:1fr}.brand{grid-column:1;grid-row:1}.sidebar-nav{grid-column:1;grid-row:2}.sidebar-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header,.panel-header,.table-header,.balance-card-header{flex-direction:column;align-items:stretch}.page-actions{justify-content:flex-start}.audit-filter-grid,.domain-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-table{overflow:visible}.responsive-table table,.responsive-table thead,.responsive-table tbody,.responsive-table tr,.responsive-table th,.responsive-table td{display:block;width:100%}.responsive-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.responsive-table tbody{display:grid;gap:8px}.responsive-table tr{padding:12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-muted)}.responsive-table td{display:grid;grid-template-columns:minmax(88px,120px) minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid var(--line);min-width:0}.responsive-table td:before{content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:700;color:var(--ink-muted)}.responsive-table td:last-child{border-bottom:0;padding-bottom:0}.responsive-table td[colspan]{display:block;padding:0;border-bottom:0}.responsive-table td[colspan]:before{content:none}.responsive-table tbody tr:hover td{background:transparent}}@media (max-width: 720px){.splash-screen,.login-page,.app-shell{padding:10px}.page-header,.panel,.login-card,.sidebar{padding:12px;border-radius:12px}.page-header h1{font-size:1.7rem}.brand{padding-bottom:10px;border-bottom:1px solid var(--line)}.sidebar-top{grid-template-columns:1fr}.brand,.sidebar-nav{grid-column:1;grid-row:auto}.sidebar-footer,.domain-filter-grid{grid-template-columns:1fr}.domain-filter-name{grid-column:auto}.sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-nav a{justify-content:flex-start;text-align:left;min-height:36px;padding:8px 10px}.inline-form,.button-row,.checkbox-row,.list-card,.detail-list div,.api-secret-box{flex-direction:column;align-items:stretch}.toggle-card{padding:10px}.notification-meta,.checkbox-grid,.audit-filter-grid{grid-template-columns:1fr}.dns-inline-editor-header,.dns-toolbar-actions,.dns-inline-actions,.audit-filter-actions,.pagination-bar{flex-direction:column;align-items:stretch}.dns-form-grid{grid-template-columns:1fr}.page-actions,.page-actions>*,.button-row>*,.inline-form>*,.dns-inline-actions>*,.dns-toolbar-actions>*,.audit-filter-actions>*{width:100%}input:not([type=checkbox]),textarea,select{font-size:16px}.content{padding:0 0 12px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
