:root{--bg:#0d1827;--bg2:#101d2d;--panel:#172638;--panel2:#1a2b3f;--line:#293a50;--line2:#31465e;--text:#f4f7fb;--muted:#91a3ba;--blue:#2f82ef;--blue2:#1f70db;--green:#28cf72;--orange:#f7ad2f;--red:#f04c3f;--sidebar:218px;--topbar:57px;--radius:7px;--shadow:0 1px 1px #0004}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:12px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}body{overflow-x:hidden}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,#0d1a2a 0%,#0a1623 100%);border-right:1px solid #24364b;display:flex;flex-direction:column;z-index:40}.brand{height:69px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid #25364a}.brand-mark{width:38px;height:38px;border:3px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-weight:900;font-size:18px;box-shadow:inset 0 0 0 2px #0d1a2a}.brand-name{font-size:17px;font-weight:800;letter-spacing:.11em;line-height:1}.brand-sub{font-size:8px;color:#9aaac0;letter-spacing:.28em;margin-top:5px}.sidebar nav{flex:1;overflow:auto;padding:8px 8px 14px}.nav-group{margin:7px 0 10px}.nav-label{font-size:9px;color:#91a0b4;padding:4px 9px 5px}.nav-item{height:29px;border-radius:5px;color:#aab8ca;text-decoration:none;display:flex;align-items:center;gap:8px;padding:0 9px;position:relative;transition:.16s}.nav-item:hover{background:#152942;color:#fff}.nav-item.active{background:linear-gradient(90deg,#1f5ea8,#1d4d86);color:#fff;box-shadow:inset 0 0 0 1px #286bb8}.nav-icon{width:14px;text-align:center;font-size:13px;color:#c5d1df}.nav-item em{margin-left:auto;background:#2477e2;border-radius:9px;padding:1px 6px;font-size:8px;font-style:normal;color:#fff}.sidebar-footer{height:47px;border-top:1px solid #24364b;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#8192a8;font-size:10px}.workspace{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh}.topbar{height:var(--topbar);background:#0e1a29;border-bottom:1px solid #24364a;display:flex;align-items:center;padding:0 24px;gap:12px;position:sticky;top:0;z-index:30}.topbar-spacer{flex:1}.icon-btn{width:36px;height:34px;border:1px solid transparent;background:transparent;color:#c7d2df;border-radius:6px;cursor:pointer;font-size:17px;position:relative}.icon-btn:hover{background:#17283b;border-color:#2a3d53}.notification-dot{position:absolute;right:4px;top:2px;background:#df3939;color:#fff;border-radius:8px;font-size:8px;line-height:14px;min-width:14px}.search{height:34px;width:230px;border:1px solid #314359;border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#0b1624;color:#8798ad}.search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#dfe7f1}.search kbd{font:9px inherit;color:#8da0b7;background:#162538;border:1px solid #293e56;border-radius:4px;padding:2px 5px}.user-menu{display:flex;align-items:center;gap:9px;min-width:145px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2f82ef;color:#fff;font-weight:700}.user-menu strong{display:block;font-size:11px}.user-menu small{display:block;color:#91a1b5;font-size:10px}.content{padding:24px 25px 28px}.page-head{display:flex;align-items:center;margin-bottom:22px}.page-head h1{font-size:19px;margin:0 0 2px}.page-head p{margin:0;color:var(--muted)}.page-head-actions{margin-left:auto;display:flex;align-items:center;gap:16px;color:#95a6bb}.btn{height:34px;border:1px solid #344a63;background:#1a2a3c;color:#eef4fb;border-radius:5px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:600}.btn-primary{background:#176bce;border-color:#227be0;color:#fff}.btn:hover{filter:brightness(1.08)}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}.kpi{height:137px;background:linear-gradient(180deg,#18283b,#162639);border:1px solid #293d53;border-radius:var(--radius);padding:17px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi-top{display:flex;align-items:center;gap:12px}.kpi-icon{width:38px;height:38px;border-radius:7px;background:#24364c;display:grid;place-items:center;font-size:21px;color:#e2eaf4}.kpi-label{font-weight:600}.kpi-value{font-size:25px;line-height:1.1;margin-top:2px}.kpi-change{margin:6px 0 0 50px;font-size:10px}.ok{color:var(--green)}.warn{color:var(--orange)}.bad{color:var(--red)}.spark{position:absolute;left:17px;right:17px;bottom:14px;height:30px}.spark svg{width:100%;height:100%}.spark .fill{fill:#2780ef16}.spark .line{fill:none;stroke:#2f87ff;stroke-width:2}.mid-grid{display:grid;grid-template-columns:1.03fr 1.2fr 1.25fr;gap:12px;margin-bottom:12px}.low-grid{display:grid;grid-template-columns:.85fr 1.5fr 1.15fr;gap:12px}.panel{background:linear-gradient(180deg,#17273a,#162538);border:1px solid #2b3e54;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{height:51px;padding:0 17px;display:flex;align-items:center}.panel-head h2{font-size:14px;margin:0}.panel-head a,.panel-head button.link{margin-left:auto;color:#3b91fa;background:none;border:0;text-decoration:none;font:inherit;cursor:pointer}.panel-body{padding:0 17px 17px}.data-table{width:100%;border-collapse:collapse}.data-table th{height:33px;text-align:left;color:#8798ad;font-size:10px;font-weight:500;border-bottom:1px solid #2c3d52}.data-table td{height:36px;border-bottom:1px solid #293a4f;color:#e4ebf5}.data-table tr:last-child td{border-bottom:0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--green);box-shadow:0 0 7px #28cf7277}.status-pill{display:inline-flex;align-items:center;border-radius:10px;padding:3px 8px;background:#183b32;color:#42db84;font-size:9px}.status-pill.off{background:#3a2424;color:#f35c4e}.panel-footer{margin:0 17px 16px;height:34px;border:1px solid #30445b;background:#203146;border-radius:4px;display:grid;place-items:center;font-weight:600;color:#f2f5f9}.cost-wrap{display:flex;align-items:center;gap:18px;padding-top:4px}.donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(#2f82ef 0 17.4%,#31bd69 17.4% 74.4%,#f2aa2e 74.4% 93.5%,#f25a3d 93.5% 100%);display:grid;place-items:center;flex:0 0 auto}.donut:after{content:"";width:100px;height:100px;background:#17273a;border-radius:50%;position:absolute}.donut-text{position:relative;z-index:2;text-align:center}.donut-text strong{font-size:19px}.donut-text small{display:block;color:#91a2b7}.cost-list{flex:1}.cost-row{display:grid;grid-template-columns:1fr 70px 42px;gap:6px;padding:11px 0;border-bottom:1px solid #293a4e}.cost-row:last-child{border-bottom:0}.legend{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:7px}.quick-actions{display:grid;gap:8px}.quick{height:47px;border:1px solid #2d425a;border-radius:5px;background:#203247;display:flex;align-items:center;padding:0 10px;cursor:pointer;color:#fff}.quick-icon{width:35px;height:35px;border-radius:5px;background:#2a3c52;display:grid;place-items:center;font-size:20px;margin-right:10px}.quick strong{display:block;font-size:11px}.quick small{display:block;color:#8fa1b7}.quick span:last-child{margin-left:auto;font-size:19px;color:#aab8c9}.activity{display:grid;gap:8px}.activity-item{height:38px;border:1px solid #2c4159;border-radius:4px;background:#1a2b3e;display:flex;align-items:center;padding:0 9px;gap:10px}.activity-icon{width:28px;height:28px;border-radius:5px;display:grid;place-items:center;background:#20334a}.activity-item time{margin-left:auto;color:#8da0b5;font-size:10px}.empty{color:#8fa1b6;text-align:center;padding:24px 10px}.generic-panel{min-height:510px}.generic-toolbar{display:flex;gap:10px;padding:0 17px 16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 17px 17px}.form-group{display:grid;gap:6px}.form-group label{font-weight:600}.input{height:38px;border-radius:5px;border:1px solid #334a63;background:#0e1b2a;color:#fff;padding:0 11px;outline:none}.input:focus{border-color:#2f82ef;box-shadow:0 0 0 3px #2f82ef1d}.provider-card{margin:0 17px 12px;border:1px solid #30445b;background:#17283b;border-radius:7px}.provider-title{display:flex;align-items:center;padding:16px;border-bottom:1px solid #2c4056}.provider-title strong{font-size:14px}.provider-title span{margin-left:auto;color:#8497ad}.provider-form{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.provider-form .full{grid-column:1/-1}.modal-backdrop{position:fixed;inset:0;background:#02070eb5;display:grid;place-items:center;z-index:100;padding:20px}.modal{width:min(520px,100%);background:#152538;border:1px solid #33485f;border-radius:9px;box-shadow:0 30px 90px #000a;overflow:hidden}.modal-head,.modal-foot{padding:15px 17px;display:flex;align-items:center}.modal-head{border-bottom:1px solid #2c4056}.modal-head h3{margin:0;font-size:14px}.modal-head button{margin-left:auto}.modal-body{padding:17px;color:#cad5e2}.modal-foot{justify-content:flex-end;gap:8px;border-top:1px solid #2c4056}.toast-root{position:fixed;right:20px;bottom:20px;z-index:150;display:grid;gap:8px}.toast{min-width:280px;max-width:390px;background:#1b2d42;border:1px solid #36506c;border-radius:7px;padding:12px 14px;box-shadow:0 12px 30px #0008}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--red)}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 60% 20%,#17304c 0,#0d1827 40%,#09131f 100%)}.login-card{width:min(410px,calc(100% - 30px));padding:30px;background:#142438;border:1px solid #2f435b;border-radius:10px;box-shadow:0 28px 90px #0009}.brand-login{padding:0;border:0;height:auto;margin-bottom:26px}.login-card h1{margin:0 0 4px;font-size:24px}.muted{color:#90a2b8}.login-form{display:grid;gap:14px;margin-top:24px}.login-form label{display:grid;gap:7px;font-weight:600}.login-form input{height:42px;background:#0d1a29;border:1px solid #314861;border-radius:6px;color:#fff;padding:0 12px}.form-error{background:#3c2028;border:1px solid #73343f;border-radius:6px;color:#ffd2d7;padding:10px 12px;margin-top:15px}
@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.mid-grid,.low-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0;width:100%}}@media(max-width:720px){.content{padding:15px}.kpi-grid{grid-template-columns:1fr}.search{display:none}.user-menu div:not(.avatar),.user-menu>span{display:none}.form-grid,.provider-form{grid-template-columns:1fr}.provider-form .full{grid-column:auto}.page-head-actions>span{display:none}}
.provider-status.ok{color:var(--green)}.provider-status.warn{color:var(--orange)}.provider-status.bad{color:var(--red)}.provider-actions{display:flex;align-items:center;gap:8px}.provider-lasttest{margin-left:auto;color:var(--muted);font-size:10px}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.input option{background:#102033;color:#fff}
@media(max-width:720px){.provider-actions{align-items:stretch;flex-direction:column}.provider-lasttest{margin-left:0}}
/* Domain Management 1.2.0 */
.mode-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:12px;font-size:9px;font-weight:800;letter-spacing:.08em;border:1px solid #3c5169;background:#182a3e;color:#a9bbcf}.mode-badge.live{border-color:#7b4242;background:#382126;color:#ff8c82}.mode-badge.ote{border-color:#395d83;background:#172d46;color:#68aaff}.domain-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.mini-stat{min-height:86px;padding:15px 17px;background:linear-gradient(180deg,#17283b,#152537);border:1px solid #2b3e54;border-radius:7px;display:grid;grid-template-columns:1fr auto;align-items:start}.mini-stat span{font-size:10px;color:var(--muted);font-weight:600}.mini-stat strong{grid-row:1/3;grid-column:2;font-size:24px}.mini-stat small{color:#7f92aa;margin-top:5px}.panel-count{margin-left:auto;color:var(--muted);font-size:10px}.table-search{position:relative;display:flex;align-items:center;min-width:280px}.table-search>span{position:absolute;left:11px;color:#7f93aa;z-index:1}.table-search .input{width:100%;padding-left:30px}.input.compact{min-width:170px}.table-wrap{overflow:auto}.domain-link{display:flex;align-items:center;gap:9px;color:#f2f6fb;text-decoration:none}.domain-link:hover strong{color:#58a2ff}.domain-link small{display:block;color:#758aa3;font-size:9px}.domain-favicon{width:26px;height:26px;display:grid;place-items:center;border-radius:5px;background:#22374f;color:#75aef4}.renewal-tag{display:inline-flex;padding:3px 7px;border-radius:9px;font-size:9px}.renewal-tag.auto{background:#183b32;color:#42db84}.renewal-tag.manual{background:#3b3020;color:#f2b34b}.actions-cell{text-align:right;white-space:nowrap}.icon-action{width:28px;height:27px;border:1px solid #344a62;border-radius:4px;background:#1c2d41;color:#b9c8d8;display:inline-grid;place-items:center;text-decoration:none;cursor:pointer;margin-left:4px}.icon-action:hover{border-color:#4a8bd2;color:#fff}.icon-action.danger:hover{border-color:#81443e;color:#ff8278}.breadcrumb{display:flex;align-items:center;gap:10px}.breadcrumb>a{color:#4596f4;text-decoration:none}.breadcrumb>span{color:#647991}.breadcrumb h1{display:inline}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:12px}.detail-main{display:grid;gap:12px;align-content:start}.detail-side{display:grid;gap:12px;align-content:start}.domain-section{margin-top:0}.detail-properties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 17px 17px}.detail-properties>div{padding:13px 12px;border-right:1px solid #293c51;border-top:1px solid #293c51}.detail-properties>div:nth-child(-n+3){border-top:0}.detail-properties>div:nth-child(3n){border-right:0}.detail-properties span,.field-label,.contact-mini-list span,.security-row span{display:block;color:#8498af;font-size:9px;margin-bottom:4px}.detail-properties strong{font-size:11px}.btn-small{height:28px;font-size:10px;padding:0 10px}.panel-head .btn-small,.panel-head .link{margin-left:auto}.panel-head .link{color:#3b91fa;text-decoration:none}.ns-list{display:grid;gap:7px}.ns-row{height:38px;padding:0 10px;display:flex;align-items:center;gap:10px;background:#1b2c40;border:1px solid #2d4158;border-radius:5px}.ns-icon{font-size:8px;font-weight:800;color:#70aaf0;width:25px;height:22px;display:grid;place-items:center;background:#243a54;border-radius:4px}.empty-inline{color:var(--muted);padding:8px 0}.full-input{width:100%;margin-bottom:9px}.full-btn{width:100%;justify-content:center}.contact-mini-list{display:grid;gap:0}.contact-mini-list>div,.security-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #293a4f}.contact-mini-list>div:last-child,.security-row:last-of-type{border-bottom:0}.contact-mini-list span,.security-row span{margin:0}.compact-copy{font-size:10px;margin:12px 0 0}.record-type{display:inline-flex;min-width:38px;justify-content:center;padding:3px 5px;border-radius:4px;background:#223a54;color:#72aef5;font-size:9px;font-weight:800}.mono-cell{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;max-width:420px;overflow:hidden;text-overflow:ellipsis}.order-layout{display:grid;gap:12px}.domain-check-row{display:grid;grid-template-columns:1fr auto;gap:9px}.check-results{display:grid;gap:6px;margin-top:10px}.check-domain{height:48px;border:1px solid #30445b;background:#1a2b3e;border-radius:5px;color:#eef4fb;padding:0 12px;display:flex;align-items:center;text-align:left;cursor:pointer}.check-domain span{display:grid}.check-domain small{font-size:9px;margin-top:2px}.check-domain em{margin-left:auto;font-style:normal}.check-domain.ok{border-color:#286a4a}.check-domain.ok small{color:#3fd27d}.check-domain.warn{border-color:#765a29}.check-domain.warn small{color:#f0b34a}.check-domain.bad{opacity:.62;cursor:default}.check-domain.selected{box-shadow:0 0 0 2px #2f82ef;border-color:#2f82ef}.check-loading,.check-empty{padding:12px;color:var(--muted)}.order-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.order-warning{margin-top:15px;padding:12px 14px;border-radius:6px}.order-warning strong{display:block;margin-bottom:3px}.order-warning.safe{background:#17382f;border:1px solid #285b47;color:#b9e7d1}.order-warning.danger,.danger-box{background:#3a2226;border:1px solid #6b373d;color:#ffd3d6;border-radius:6px;padding:12px}.danger-box p{margin:5px 0 0}.order-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.dns-domain-select{min-width:280px}.empty-state{min-height:300px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.empty-state>span{font-size:38px;color:#4a79ad}.empty-state strong{color:#e6edf6;font-size:14px;margin-top:8px}.empty-state p{max-width:540px}.modal-wide{width:min(720px,100%)}.modal-form{display:grid;gap:12px}.modal-form.two{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-field{display:grid;gap:6px;font-weight:600;color:#dce5ef}.modal-field small{color:#7f93aa;font-weight:400}.modal-field.full{grid-column:1/-1}.modal-field .input{width:100%}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr}.detail-properties{grid-template-columns:1fr 1fr}.detail-properties>div{border-top:1px solid #293c51!important;border-right:1px solid #293c51!important}.detail-properties>div:nth-child(2n){border-right:0!important}.domain-stats{grid-template-columns:1fr}.order-form-grid{grid-template-columns:1fr}}
@media(max-width:620px){.domain-check-row{grid-template-columns:1fr}.modal-form.two{grid-template-columns:1fr}.modal-field.full{grid-column:auto}.generic-toolbar{flex-direction:column}.table-search,.dns-domain-select,.input.compact{min-width:0;width:100%}}

/* 1.2.1 Domain Workspace UX */
.btn-ghost{background:#132337;border-color:#2d425a;color:#cbd7e5}.btn-ghost:hover{background:#1b3047;border-color:#3f5b78}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.14em;color:#6daaf1;margin-bottom:5px}.domain-head{margin-bottom:17px}.domain-overview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.domain-metric{min-height:78px;background:linear-gradient(180deg,#18283b,#152537);border:1px solid #2b3f55;border-radius:8px;display:flex;align-items:center;gap:12px;padding:13px 15px}.metric-icon{width:38px;height:38px;flex:0 0 38px;border-radius:8px;display:grid;place-items:center;background:#213852;color:#71aaf0;font-size:18px;font-weight:800}.metric-icon.success{background:#173a31;color:#45d987}.metric-icon.warning{background:#3a2f20;color:#f2b34d}.metric-icon.provider{background:#2a3150;color:#91a6ff;font-size:11px;letter-spacing:.05em}.domain-metric div{min-width:0}.domain-metric small{display:block;color:#8094ab;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.domain-metric strong{display:block;font-size:19px;line-height:1.2;margin-top:2px}.domain-metric em{display:block;color:#8195ad;font-size:9px;font-style:normal;margin-top:2px}.domain-workspace{overflow:visible}.domain-commandbar{min-height:62px;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #293c52}.smart-search{height:38px;min-width:320px;max-width:430px;flex:1;position:relative;display:flex;align-items:center;border:1px solid #30465f;background:#0d1a29;border-radius:7px;transition:.15s}.smart-search:focus-within{border-color:#3e8be5;box-shadow:0 0 0 3px #2f82ef18}.smart-search .search-glyph{width:37px;text-align:center;color:#8096ae;font-size:15px}.smart-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#eef5fc;font:inherit;font-size:11px}.smart-search input::placeholder{color:#6f849c}.smart-search kbd{margin-right:8px;padding:2px 6px;border:1px solid #30465f;border-radius:4px;color:#71869e;background:#142438;font:9px inherit}.filter-chips{display:flex;align-items:center;gap:5px}.filter-chip{height:32px;border:1px solid transparent;background:transparent;color:#8fa2b8;border-radius:16px;padding:0 10px;cursor:pointer;font:600 10px inherit}.filter-chip span{margin-left:4px;color:#71869d}.filter-chip:hover{background:#1a2d42;color:#dfe9f5}.filter-chip.active{background:#1c3858;border-color:#2d5f91;color:#7bb7ff}.filter-chip.active span{color:#9ecaff}.command-spacer{flex:1}.live-result-count{color:#7f93aa;font-size:10px;white-space:nowrap}.inline-alert{margin:12px 16px 0;padding:10px 12px;border-radius:6px}.inline-alert.danger{background:#3b2228;border:1px solid #6d3841;color:#ffd0d6}.modern-table th{height:38px;padding:0 12px;text-transform:uppercase;letter-spacing:.05em;font-size:8px}.modern-table td{height:54px;padding:0 12px}.modern-table tbody tr{transition:background .12s}.modern-table tbody tr:hover{background:#1a2d42}.domain-identity{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#eef4fb;padding:0;cursor:pointer;text-align:left;font:inherit}.domain-identity:hover strong{color:#69abfa}.domain-identity small{display:block;color:#71879f;font-size:9px;margin-top:2px}.domain-favicon{width:31px;height:31px;border-radius:7px;background:#203953;color:#76b1fa}.status-pill{gap:5px}.status-pill i{width:6px;height:6px;border-radius:50%;background:#43d982;box-shadow:0 0 7px #43d98266}.inline-renewal{display:flex;align-items:center;gap:8px}.inline-renewal strong{display:block;font-size:10px}.inline-renewal small{display:block;color:#758ba3;font-size:8px;margin-top:1px}.renewal-switch{width:32px;height:18px;padding:0;border:0;border-radius:12px;background:#31445a;cursor:pointer;position:relative;transition:.18s}.renewal-switch span{width:12px;height:12px;border-radius:50%;background:#a7b5c5;position:absolute;left:3px;top:3px;transition:.18s}.renewal-switch.active{background:#1e7651}.renewal-switch.active span{left:17px;background:#5be49a}.renewal-switch:disabled{opacity:.55;cursor:wait}.date-cell strong{display:block;font-size:10px}.date-cell small{display:block;color:#71869d;font-size:8px;margin-top:2px}.provider-pill{display:inline-flex;height:22px;align-items:center;padding:0 8px;border:1px solid #314860;border-radius:5px;color:#aabbd0;background:#192b3f;font-size:9px;font-weight:700}.table-action{min-width:28px;height:28px;border:1px solid #334a62;border-radius:5px;background:#192a3d;color:#aebed0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;margin-left:4px;padding:0 7px;font:700 9px inherit}.table-action:hover{border-color:#4d7fb6;color:#fff;background:#20364e}.table-action.primary{background:#1d5fa8;border-color:#2878cb;color:#fff;font-size:15px}.empty-state.compact{min-height:220px}.domain-search-hero{background:linear-gradient(135deg,#172b41,#15263a);border:1px solid #2d435b;border-radius:9px;padding:20px;margin-bottom:12px}.domain-search-copy,.registration-head{display:flex;align-items:center;gap:11px}.domain-search-copy h2,.registration-head h2{margin:0;font-size:15px}.domain-search-copy p,.registration-head p{margin:3px 0 0;color:#8195ac;font-size:10px}.step-badge{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#1e64ad;border:1px solid #2d7dce;color:#fff;font-weight:800}.domain-search-box{height:51px;display:flex;align-items:center;margin-top:17px;border:1px solid #38516b;border-radius:8px;background:#0c1928;padding:5px 5px 5px 14px}.domain-search-box>span{font-size:19px;color:#6fa8eb;margin-right:10px}.domain-search-box input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:#f1f6fb;font:600 13px inherit}.domain-search-box input::placeholder{color:#61758e;font-weight:400}.domain-search-box .btn{height:39px}.modern-results{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.modern-results .check-domain{height:57px;border-radius:7px}.modern-results .check-domain.selected{background:#193a5c}.registration-card{overflow:visible}.registration-head{height:65px;padding:0 17px;border-bottom:1px solid #293d53}.selection-state{margin-left:auto;color:#7389a1;font-size:9px;background:#122236;border:1px solid #2b4058;border-radius:12px;padding:5px 9px}.selection-state.ready{color:#54db91;border-color:#285e48;background:#17352e}.modern-form-body{padding-top:17px}.modern-form-grid{gap:15px}.modern-field{display:grid;gap:7px;min-width:0}.modern-field>span{font-size:9px;font-weight:700;color:#91a4ba;text-transform:uppercase;letter-spacing:.05em}.field-shell{height:44px;border:1px solid #334b65;background:#0d1a29;border-radius:7px;display:flex;align-items:center;position:relative;transition:.15s}.field-shell:focus-within{border-color:#438fe6;box-shadow:0 0 0 3px #2f82ef18}.field-shell.read-only{background:#122134}.field-shell input,.field-shell select{width:100%;height:100%;border:0;outline:0;background:transparent;color:#eff5fc;padding:0 12px;font:inherit;appearance:none}.field-shell .field-leading+input{padding-left:3px}.field-leading{min-width:34px;text-align:center;color:#6f9ed4;font-size:14px}.field-leading.ns{font-size:8px;font-weight:800}.select-chevron{position:absolute;right:11px;color:#71869e;pointer-events:none}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border:1px solid #334b65;background:#0d1a29;border-radius:7px;min-height:44px}.segmented-control button{border:0;border-radius:5px;background:transparent;color:#7f94ab;font:600 9px inherit;cursor:pointer}.segmented-control button:hover{color:#dbe8f6;background:#182b40}.segmented-control button.active{background:#1f5c9c;color:#fff;box-shadow:0 2px 8px #0004}.order-warning{display:flex;gap:10px;align-items:flex-start}.order-warning>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-weight:800}.order-warning p{margin:2px 0 0;font-size:10px}.sticky-actions{padding-top:15px;border-top:1px solid #293b51;align-items:center}.form-hint{margin-right:auto;color:#73889f;font-size:9px}.domain-detail-hero{display:flex;align-items:center;gap:14px;padding:17px 18px;margin-bottom:12px;border:1px solid #2e435a;border-radius:9px;background:linear-gradient(120deg,#172b40,#142538)}.domain-hero-icon{width:48px;height:48px;border-radius:10px;background:#203c59;display:grid;place-items:center;color:#75aff6;font-size:25px}.domain-hero-copy h2{font-size:19px;margin:5px 0 1px}.domain-hero-copy p{margin:0;color:#788da4;font-size:9px}.domain-hero-facts{margin-left:auto;display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:8px}.domain-hero-facts>div{padding:8px 11px;border-left:1px solid #2a3e54}.domain-hero-facts small{display:block;color:#758aa2;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.domain-hero-facts strong{display:block;margin-top:3px;font-size:10px}.section-subtitle{display:block;color:#758aa2;font-size:9px;margin-top:2px}.modern-properties>div{min-height:62px;display:flex;flex-direction:column;justify-content:center}.modern-ns-list .ns-row{height:48px}.modern-ns-list .ns-row>div{min-width:0}.modern-ns-list .ns-row small{display:block;color:#72879e;font-size:8px;margin-top:2px}.row-ok{margin-left:auto;color:#42d987}.renewal-choice-list{display:grid;gap:7px}.renewal-choice{width:100%;min-height:54px;border:1px solid #2e435a;background:#182a3d;border-radius:7px;display:flex;align-items:center;gap:10px;color:#dfe8f2;padding:9px 10px;cursor:pointer;text-align:left;font:inherit}.renewal-choice:hover{border-color:#456884;background:#1b3046}.renewal-choice.active{border-color:#2c73b8;background:#193653}.choice-radio{width:16px;height:16px;border-radius:50%;border:2px solid #5e7187;position:relative;flex:0 0 auto}.renewal-choice.active .choice-radio{border-color:#59a7ff}.renewal-choice.active .choice-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#59a7ff}.renewal-choice strong{display:block;font-size:10px}.renewal-choice small{display:block;color:#748aa2;font-size:8px;margin-top:2px}.save-indicator{margin-left:auto;font-size:8px;color:#72879e}.save-indicator.saving{color:#f1b252}.save-indicator.saved{color:#48d98a}.modern-contact-list>div{min-height:38px}.modern-contact-list span{display:flex;align-items:center;gap:7px}.modern-contact-list i{width:22px;height:22px;border-radius:5px;background:#20374f;display:grid;place-items:center;color:#7aafea;font-style:normal;font-size:8px;font-weight:800}.modal-backdrop.drawer-backdrop{place-items:stretch end;padding:0}.modal.domain-drawer{width:min(520px,100%);height:100%;border-radius:0;border-top:0;border-bottom:0;border-right:0;display:flex;flex-direction:column}.domain-drawer .modal-body{flex:1;overflow:auto}.drawer-domain-title{display:flex;align-items:center;gap:10px;margin-bottom:17px}.drawer-domain-title .domain-favicon{width:38px;height:38px}.drawer-domain-title h4{margin:0;font-size:17px}.drawer-domain-title p{margin:2px 0 0;color:#788da4;font-size:9px}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-fact{padding:11px;border:1px solid #2b4057;background:#18293d;border-radius:7px}.drawer-fact span{display:block;color:#778ba2;font-size:8px;text-transform:uppercase}.drawer-fact strong{display:block;margin-top:4px;font-size:10px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.drawer-actions .btn{justify-content:center;text-decoration:none}.loading-skeleton{height:72px;border-radius:7px;background:linear-gradient(90deg,#182a3d,#22374e,#182a3d);background-size:200% 100%;animation:wmskeleton 1.2s linear infinite}@keyframes wmskeleton{to{background-position:-200% 0}}
@media(max-width:1100px){.domain-overview-strip{grid-template-columns:1fr 1fr}.domain-commandbar{flex-wrap:wrap}.smart-search{min-width:260px}.domain-hero-facts{grid-template-columns:1fr}.domain-hero-facts>div{border-left:0;border-top:1px solid #2a3e54}.modern-results{grid-template-columns:1fr}}
@media(max-width:720px){.domain-overview-strip{grid-template-columns:1fr}.domain-commandbar{align-items:stretch}.smart-search{min-width:0;max-width:none;width:100%}.filter-chips{overflow:auto;padding-bottom:2px}.live-result-count{display:none}.domain-search-box{height:auto;min-height:51px;flex-wrap:wrap;padding:8px}.domain-search-box .btn{width:100%;justify-content:center}.domain-hero-facts{display:none}.domain-detail-hero{align-items:flex-start}.drawer-grid,.drawer-actions{grid-template-columns:1fr}.form-hint{display:none}}
.dns-picker{width:320px}.zone-context{display:flex;align-items:center;gap:8px;padding-left:4px}.zone-context small{color:#71869d;font-size:8px;text-transform:uppercase}.zone-context strong{font-size:10px}.dns-panel-body{padding-top:7px}.dns-name strong{display:block}.dns-name small{display:block;color:#71869d;font-size:8px;margin-top:2px}.table-action.danger:hover{border-color:#7c423e;color:#ff8d83;background:#3a2427}.contact-identity{display:flex;align-items:center;gap:9px}.contact-identity>span{width:30px;height:30px;border-radius:50%;background:#213b57;color:#79b3f5;display:grid;place-items:center;font-weight:800}.contact-identity strong{display:block}.contact-identity small{display:block;color:#74889f;font-size:8px;margin-top:2px}.modern-modal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.modern-modal-form .full{grid-column:1/-1}.modern-modal-form .modern-field>span{text-transform:none;letter-spacing:0;font-size:10px;color:#a8b8ca}.modern-modal-form textarea{min-height:90px;padding-top:11px!important;resize:vertical}@media(max-width:620px){.dns-picker{width:100%}.modern-modal-form{grid-template-columns:1fr}.modern-modal-form .full{grid-column:auto}}