:root{
  --bg:#090d0c;--bg2:#0c1110;--panel:#101615;--panel2:#121a18;--panel3:#0d1312;
  --line:#202a27;--line2:#2a3531;--text:#f4f7f5;--muted:#8f9c97;--muted2:#68736f;
  --green:#22d46f;--green2:#14b85a;--greenSoft:#123c25;--greenLine:#245d39;
  --blue:#3578f6;--orange:#ff9b43;--red:#ff666f;--yellow:#f4c85d;
  --radius:14px;--radius-sm:10px;--shadow:0 22px 60px rgba(0,0,0,.34);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,rgba(32,111,70,.08),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.hidden{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Top bar */
.app-topbar{height:64px;position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(9,13,12,.94);backdrop-filter:blur(18px)}
.brand-lockup{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.02em}.brand-crown{display:grid;place-items:center;width:28px;height:28px;color:var(--green);font-size:22px;text-shadow:0 0 22px rgba(34,212,111,.35)}
.system-badge{display:flex;align-items:center;gap:7px;border:1px solid #1b3a29;background:#0c1c13;color:#65ef9b;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700}.system-badge span,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(34,212,111,.8);display:inline-block}.system-copy{padding-left:14px;border-left:1px solid var(--line);color:var(--muted);font-size:11px}.top-spacer{flex:1}.top-icon-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:10px;background:#0c1110;color:#b6c0bc;text-decoration:none;cursor:pointer;transition:.18s}.top-icon-btn:hover{border-color:#3c4b46;color:#fff;background:#111817}.logout-btn{font-size:16px}.profile-block{display:flex;align-items:center;gap:9px;padding-left:6px}.profile-block .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#103e25;color:#65ef9b;border:1px solid #1d5e38;font-weight:800}.profile-block strong,.profile-block small{display:block}.profile-block strong{font-size:12px}.profile-block small{font-size:10px;color:var(--muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Shell + rail */
.app-shell{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:calc(100vh - 64px)}.nav-rail{position:sticky;top:64px;height:calc(100vh - 64px);padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:9px;border-right:1px solid var(--line);background:#0a0f0e;z-index:30}.rail-btn{width:42px;height:42px;border-radius:11px;border:1px solid transparent;background:transparent;color:#798783;display:grid;place-items:center;cursor:pointer;transition:.18s}.rail-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rail-btn:hover{background:#111a17;color:#c9d3cf}.rail-btn.active{background:#123023;border-color:#1d4b33;color:#8affb1}.rail-spacer{flex:1}.rail-domain{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);color:#7d8b86;font-size:10px;font-weight:800;background:#111615}

.dashboard{min-width:0;padding:14px 16px 42px}.workspace{display:grid;grid-template-columns:430px minmax(660px,1fr);gap:16px;align-items:start;max-width:1900px;margin:0 auto}.control-column{min-width:0}.control-column form{display:grid;gap:11px}

/* Cards */
.control-card,.management-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,24,23,.96),rgba(13,18,17,.96));border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,.018) inset}.control-card{padding:14px}.card-title-row{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card-title-row>div{display:flex;align-items:center;gap:8px}.card-title-row strong,.details-card summary strong{font-size:11px;letter-spacing:.015em}.card-icon{width:20px;height:20px;display:inline-grid;place-items:center;border-radius:6px;font-size:12px}.card-icon.green{color:#62ee9a;background:#10321f}.card-icon.meta{color:#62a2ff;background:#0e213e}.card-helper{margin:-3px 0 11px;color:var(--muted);font-size:10.5px;line-height:1.5}.microcopy{color:var(--muted2);font-size:9.5px;margin:7px 0 0;line-height:1.45}
.details-card{padding:0;overflow:hidden}.details-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px;cursor:pointer;user-select:none}.details-card summary::-webkit-details-marker{display:none}.details-card summary>span{display:flex;align-items:center;gap:8px}.details-card summary i{font-style:normal;color:var(--muted);transition:.2s}.details-card[open] summary i{transform:rotate(180deg)}.details-content{padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.035);padding-top:12px}

/* Fields */
.field{display:block;margin-top:9px}.field>span{display:block;color:#a5afab;font-size:10px;font-weight:600;margin:0 0 5px}.field.full{width:100%}.field-grid{display:grid;gap:8px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.address-grid{grid-template-columns:1.25fr .7fr .45fr;align-items:end}.address-grid .span2{grid-column:span 2}.field-grid .span2{grid-column:span 2}
input,textarea,select{width:100%;border:1px solid var(--line2);border-radius:8px;background:#0d1211;color:#edf3ef;outline:none;padding:9px 10px;transition:border-color .18s,box-shadow .18s,background .18s}textarea{resize:vertical;min-height:76px}input::placeholder,textarea::placeholder{color:#4f5b57}input:focus,textarea:focus,select:focus{border-color:#2a8350;box-shadow:0 0 0 3px rgba(34,212,111,.08);background:#0e1512}input[readonly]{color:#8ea09a;background:#0b100f}.input-suffix{display:flex;align-items:center;border:1px solid var(--line2);border-radius:8px;overflow:hidden;background:#0d1211}.input-suffix input{border:0;border-radius:0;background:transparent}.input-suffix b{padding:0 10px 0 6px;color:#7f8c87;font-size:10px;font-weight:600;white-space:nowrap}

/* Buttons */
.btn{border:1px solid var(--line2);border-radius:9px;background:#111817;color:#dce4e1;padding:9px 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-weight:700;font-size:11px;transition:transform .12s,border-color .18s,background .18s,color .18s,opacity .18s}.btn:hover{border-color:#43514c;background:#151d1b}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#24d773,#18bc5d);border-color:#2de17d;color:#041109;box-shadow:0 8px 24px rgba(25,186,91,.18)}.btn.primary:hover{background:linear-gradient(180deg,#31e17f,#1bc967)}.btn.dark{background:#0d1211;border-color:#28312e;color:#aeb9b5}.btn.outline-green{background:#0c1711;border-color:#267b49;color:#45df83}.btn.outline-green:hover{background:#10271a}.btn.compact{padding:7px 10px;font-size:10px}.btn.xl{min-height:39px}.btn.full{width:100%}.btn.tiny{padding:6px 8px;font-size:10px;border-radius:7px}.pdf-btn{margin-top:12px;background:#0d1b15;border-color:#2d6343;color:#7bf0a4}.pdf-btn:hover{background:#11261a;border-color:#3c8359}.meta-button{margin-top:12px;background:linear-gradient(180deg,#3379f8,#2c68d8);border-color:#4b8cff;color:#fff;box-shadow:0 8px 22px rgba(53,120,246,.16)}.square-btn{width:30px;height:30px;border-radius:8px;border:1px solid #28543a;background:#0e1e15;color:#5bea91;display:grid;place-items:center;text-decoration:none;cursor:pointer;font-weight:800}.square-btn:hover{background:#143020}.square-btn.disabled{opacity:.35;pointer-events:none}

/* Publication + themes */
.domain-chip{display:inline-flex;border:1px solid #235f3b;background:#0c2517;color:#54ea8b;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800}.published-url-box{margin-top:9px;border:1px solid #1d3e2b;background:#0c1711;border-radius:9px;padding:10px}.published-url-box small{color:var(--muted2);font-size:9px}.url-action-row{display:flex;align-items:center;gap:6px;margin-top:6px}.url-action-row a:first-child{min-width:0;flex:1;color:#39df7d;text-decoration:none;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.theme-choice{border:1px solid var(--line2);background:#0d1211;color:#b8c2be;border-radius:8px;padding:9px 7px;font-size:10px;font-weight:700;cursor:pointer}.theme-choice:hover{border-color:#3b4b45}.theme-choice.active{border-color:#2a9b59;background:#154027;color:#79f5a5;box-shadow:0 0 0 2px rgba(34,212,111,.04)}

/* Meta */
.meta-card{border-color:#21364a;background:linear-gradient(180deg,#111819,#0e1415)}.meta-status-row{display:grid;grid-template-columns:1fr 1.1fr;gap:9px;margin:9px 0 2px}.meta-status-row>div{border:1px solid var(--line);background:#0c1110;border-radius:8px;padding:9px}.meta-status-row small{display:block;color:var(--muted2);font-size:9px;margin-bottom:5px}.meta-status-row strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b9c5c0}.status-pill{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800}.status-pill.neutral{background:#17201d;color:#93a09b}.status-pill.pending{background:#372d11;color:#ffd56b}.status-pill.verified{background:#113720;color:#64ed98}

/* Preview */
.preview-column{position:sticky;top:78px;min-width:0}.preview-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 11px}.preview-title{display:flex;align-items:flex-start;gap:9px}.preview-title .live-dot{margin-top:5px}.preview-title strong,.preview-title small{display:block}.preview-title strong{font-size:11px;letter-spacing:.04em}.preview-title small{font-size:10px;color:var(--muted);margin-top:3px}.preview-actions{display:flex;gap:8px}
.browser-shell{border:1px solid #303936;border-radius:16px;background:#121715;box-shadow:var(--shadow);overflow:hidden}.browser-toolbar{height:50px;display:grid;grid-template-columns:90px minmax(200px,1fr) 130px;align-items:center;gap:12px;padding:0 12px;background:linear-gradient(180deg,#181e1c,#121715);border-bottom:1px solid #28302e}.window-dots{display:flex;gap:6px;padding-left:3px}.window-dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.window-dots i:nth-child(2){background:#ffbd2e}.window-dots i:nth-child(3){background:#28c840}.address-bar{height:31px;border:1px solid #2a322f;border-radius:8px;background:#0c100f;display:flex;align-items:center;gap:8px;padding:0 10px;color:#697570;min-width:0}.address-bar strong{font-size:10px;font-weight:500;color:#8d9994;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-switcher{justify-self:end;display:flex;gap:5px}.device-btn{width:34px;height:31px;border-radius:8px;border:1px solid #2a322f;background:#0d1211;color:#67736f;cursor:pointer}.device-btn.active{border-color:#2c8c53;color:#5af092;background:#10281a}.browser-stage{height:790px;background:#070a09;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:0;transition:.2s}.browser-stage iframe{height:100%;border:0;background:#fff;display:block;transition:width .2s;border-radius:0}.browser-stage.desktop iframe{width:100%}.browser-stage.tablet{padding:14px}.browser-stage.tablet iframe{width:820px;max-width:100%;box-shadow:0 0 0 1px #242b29;border-radius:10px}.browser-stage.mobile{padding:14px}.browser-stage.mobile iframe{width:390px;max-width:100%;box-shadow:0 0 0 1px #242b29;border-radius:18px}.preview-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;color:#6e7975}.preview-foot>div{display:flex;align-items:center;gap:8px;min-width:0}.preview-foot strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Management */
.management-card{max-width:1900px;margin:16px auto 0;overflow:hidden}.management-head{display:flex;align-items:flex-end;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.management-head h2{margin:2px 0 0;font-size:17px}.management-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.eyebrow{font-size:9px;letter-spacing:.12em;color:#56dc87;font-weight:800}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:930px}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid #1b2421}th{font-size:9px;color:#6f7c77;text-transform:uppercase;letter-spacing:.06em;background:#0c1110}td{font-size:10.5px;color:#aeb9b5}td strong,td small{display:block}td strong{color:#edf2f0;font-size:11px}td small{color:#62706b;margin-top:3px}.table-url{display:flex;align-items:center;gap:6px}.table-url a{color:#58df8d;text-decoration:none;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-url button{border:0;background:transparent;color:#65a67d;cursor:pointer}.status{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.status.ok{color:#68f09b;background:#11351f}.status.wait{color:#f6d46d;background:#352c12}.status.muted{color:#89958f;background:#181f1d}.row-actions{white-space:nowrap}.logs-card{margin-bottom:20px}.logs{padding:2px 16px 12px}.log{display:grid;grid-template-columns:80px 110px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #19211f;color:#87938e;font-size:10px}.log-time{color:#5f6d67}.log-level{color:#61e690;font-weight:700}.log-level.error{color:#ff7c83}.log-level.warning{color:#f3cb64}

/* Toast */
.toast-stack{position:fixed;right:18px;bottom:18px;z-index:120;display:grid;gap:8px;width:min(390px,calc(100vw - 36px));pointer-events:none}.alert{pointer-events:auto;border-radius:11px;padding:11px 13px;border:1px solid var(--line2);background:#111817;box-shadow:0 16px 40px rgba(0,0,0,.35);font-size:11px;animation:toastIn .18s ease-out}.alert.success{border-color:#2a7748;color:#98f5b8;background:#102319}.alert.error{border-color:#7c3037;color:#ffabb0;background:#281113}@keyframes toastIn{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}

/* Login */
.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,rgba(34,212,111,.12),transparent 35%),#080c0b}.login-card{width:min(420px,100%);padding:26px;border:1px solid var(--line2);border-radius:18px;background:rgba(16,22,21,.96);box-shadow:0 28px 70px rgba(0,0,0,.45)}.login-brand{display:flex;align-items:center;gap:8px;font-size:20px}.login-card h1{font-size:23px;margin:20px 0 4px}.login-card>p{margin:0 0 18px;color:var(--muted)}.login-card label{display:block;margin:12px 0}.login-card label span{display:block;color:#a7b1ad;font-size:10px;margin-bottom:6px}.login-card .btn{margin-top:7px;width:100%}

@media(max-width:1380px){.workspace{grid-template-columns:400px minmax(560px,1fr)}.browser-stage{height:720px}}
@media(max-width:1120px){.workspace{grid-template-columns:1fr}.preview-column{position:relative;top:auto}.control-column{max-width:none}.control-column form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.control-column form>.control-card,.control-column form>details{height:max-content}.meta-card{grid-column:span 2}.browser-stage{height:720px}}
@media(max-width:780px){.app-topbar{padding:0 12px}.system-copy,.profile-block div{display:none}.app-shell{grid-template-columns:1fr}.nav-rail{display:none}.dashboard{padding:10px}.control-column form{grid-template-columns:1fr}.meta-card{grid-column:span 1}.preview-topline{align-items:flex-start;flex-direction:column}.preview-actions{width:100%}.preview-actions .btn{flex:1}.browser-toolbar{grid-template-columns:60px 1fr}.device-switcher{display:none}.browser-stage{height:620px}.field-grid.two,.address-grid{grid-template-columns:1fr}.field-grid .span2,.address-grid .span2{grid-column:span 1}.meta-status-row{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.log{grid-template-columns:70px 1fr}.log span:last-child{grid-column:1/-1}}
/* Publisher 1.3 controls */
.inline-notice{font-size:12px;line-height:1.6;padding:10px 12px;border:1px solid #315048;border-radius:8px;color:#bad3c7;background:#0c1d17;overflow-wrap:anywhere}.inline-notice:empty{display:none}.checkbox-line{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;margin:12px 0;color:#d6e2dc}.checkbox-line input,input[type=checkbox]{width:17px;height:17px;min-width:17px;accent-color:#19d56a}.management-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:0 22px 20px}.management-tools .field{min-width:220px;margin:0}.management-tools>span{font-size:12px;padding-bottom:10px}.btn.danger{background:#51242b;border:1px solid #bd505d;color:#ffe5e8}.btn:disabled{opacity:.45;cursor:not-allowed}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 24px 24px}.integration-grid h3{font-size:15px;margin:0 0 16px}.integration-grid .field{margin-top:12px}.integration-grid input,.integration-grid select{min-width:0}.integration-save{grid-column:1/-1;display:flex;align-items:center;gap:15px}.integration-save span{font-size:12px;color:#b6d7c6}#bulkProgress{margin:16px 24px}#subdomainRows td{font-size:12px;overflow-wrap:anywhere}dialog{background:#111d18;color:#e6f1eb;border:1px solid #466252;border-radius:16px;padding:28px;max-width:min(560px,90vw);box-shadow:0 25px 90px #0008}dialog::backdrop{background:#000a}dialog h2{font-size:22px;margin:0 0 12px}dialog p{font-size:14px;line-height:1.6}dialog ul{max-height:240px;overflow:auto;padding-left:20px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}#renderStatusBtn,#refreshDomainsBtn,#refreshRenderBtn{margin:8px 0}.theme-choice[data-theme=auto]{grid-column:1/-1}.field select{max-width:100%}@media(max-width:1000px){.integration-grid{grid-template-columns:1fr 1fr}.integration-grid>div:nth-child(3){grid-column:1/-1}}@media(max-width:640px){.integration-grid{grid-template-columns:1fr}.management-tools{align-items:stretch}.management-tools .field{width:100%}.management-tools .btn{flex:1}.integration-save{flex-direction:column;align-items:flex-start}}