:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.startup{min-height:100vh;display:grid;place-content:center;gap:16px;text-align:center;color:#627086}.spinner{width:38px;height:38px;margin:auto;border:4px solid #dbe2ec;border-top-color:#1b5cff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,46%) 1fr}.login-brand{min-height:100vh;padding:64px;display:flex;flex-direction:column;background:radial-gradient(circle at 80% 20%,rgba(54,118,255,.24),transparent 32%),linear-gradient(145deg,#081a33,#102f58 65%,#16477a);color:#fff}.brand-mark,.sidebar-logo,.mini-logo{display:grid;place-items:center;background:linear-gradient(135deg,#2e6eff,#56b7ff);color:#fff;font-weight:800}.brand-mark{width:54px;height:54px;border-radius:15px;font-size:27px}.brand-name{margin-top:16px;font-size:23px;font-weight:800;letter-spacing:.12em}.login-brand h1{max-width:600px;margin:auto 0 18px;font-size:clamp(36px,4.5vw,58px);line-height:1.04;letter-spacing:-.045em}.login-brand p{max-width:550px;margin:0 0 auto;color:#c2d3e9;font-size:18px;line-height:1.65}.brand-footer{color:#91a9c5;font-size:13px}.login-panel{display:grid;place-items:center;padding:50px;background:#f7f9fc}.login-card{width:100%;max-width:430px}.mobile-brand{display:none}.eyebrow{color:#2d63dd;font-size:11px;font-weight:800;letter-spacing:.16em}.login-card h2{margin:10px 0;font-size:38px;letter-spacing:-.035em}.login-help{margin:0 0 32px;color:#778399;line-height:1.55}.login-card label{display:block;margin-bottom:19px;color:#344158;font-size:13px;font-weight:700}.login-card input{width:100%;margin-top:8px;padding:14px 15px;border:1px solid #d9e0ea;border-radius:10px;outline:none;background:#fff;color:#182235;transition:.15s}.login-card input:focus{border-color:#3773f5;box-shadow:0 0 0 3px #3773f51f}.primary-button,.primary-small{border:0;background:#245edb;color:#fff;font-weight:700;border-radius:10px}.primary-button{width:100%;padding:15px;margin-top:4px}.primary-button:hover,.primary-small:hover{background:#194fc4}.primary-button:disabled{opacity:.65;cursor:wait}.login-error{margin:0 0 16px;padding:12px 14px;border:1px solid #fecaca;border-radius:9px;background:#fff1f2;color:#b42318;font-size:13px}.login-secure{margin-top:18px;color:#98a3b5;font-size:12px;text-align:center}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;min-height:100vh;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#0d223d;color:#fff}.sidebar-brand{height:76px;padding:0 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo{width:36px;height:36px;border-radius:10px}.sidebar-brand strong{display:block;letter-spacing:.08em}.sidebar-brand small{display:block;margin-top:3px;color:#7990ac;font-size:9px;letter-spacing:.18em}.sidebar nav{padding:22px 13px;overflow:auto}.nav-caption{display:block;margin:0 10px 10px;color:#617b9b;font-size:9px;font-weight:800;letter-spacing:.18em}.nav-item{width:100%;height:43px;margin:2px 0;padding:0 12px;display:flex;align-items:center;gap:12px;border:0;border-radius:8px;background:transparent;color:#a9bad0;text-align:left;font-size:13px}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#1e59d3;color:#fff}.nav-icon{width:20px;text-align:center;font-size:17px}.sidebar-bottom{margin-top:auto;padding:15px}.company-pill{padding:12px;display:flex;gap:10px;align-items:center;border-radius:10px;background:#ffffff0f}.company-pill>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#274566;font-size:10px;font-weight:800}.company-pill strong,.company-pill small{display:block}.company-pill strong{font-size:11px}.company-pill small{margin-top:2px;color:#8096b0;font-size:9px}.main-area{width:calc(100% - 244px);margin-left:244px}.topbar{height:76px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5;border-bottom:1px solid #e5eaf1;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-title{font-size:16px;font-weight:750}.user-area{display:flex;align-items:center;gap:11px}.notification,.logout{border:0;background:transparent}.notification{width:36px;height:36px;border-radius:9px;color:#66758a;font-size:18px}.user-copy{margin-left:5px;text-align:right}.user-copy strong,.user-copy small{display:block}.user-copy strong{color:#28364b;font-size:12px}.user-copy small{margin-top:2px;color:#8b97a9;font-size:9px}.avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#e8efff;color:#285bc6;font-size:11px;font-weight:800}.logout{color:#7d8999;font-size:11px}.content{padding:31px}.welcome{margin-bottom:27px;display:flex;align-items:flex-end;justify-content:space-between}.welcome h1{margin:7px 0;font-size:29px;letter-spacing:-.035em}.welcome p{margin:0;color:#7e8a9c;font-size:13px}.primary-small{padding:11px 16px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card{min-height:125px;padding:20px;display:flex;align-items:flex-start;gap:15px;border:1px solid #e4e9f0;border-radius:12px;background:#fff}.metric-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#eef3ff;color:#2d63d8;font-size:19px}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:#68768a;font-size:11px}.metric-card strong{margin:4px 0 2px;font-size:25px}.metric-card small{color:#9aa4b3;font-size:9px}.dashboard-grid{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px}.panel{border:1px solid #e4e9f0;border-radius:12px;background:#fff;overflow:hidden}.panel-heading{padding:20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #edf0f4}.panel-heading h3{margin:0;font-size:14px}.panel-heading p{margin:5px 0 0;color:#98a2b2;font-size:10px}.text-button{border:0;background:transparent;color:#2d63da;font-size:10px;font-weight:700}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.product-row{padding:15px 18px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #f0f2f5}.product-row:nth-child(odd){border-right:1px solid #f0f2f5}.product-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f0f4fa;color:#345472;font-size:10px;font-weight:800}.product-row strong,.product-row small{display:block}.product-row strong{font-size:11px}.product-row small{margin-top:3px;color:#9aa4b4;font-size:9px}.status-dot{color:#27885b;font-size:9px}.quick-action{width:100%;padding:15px 18px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;border:0;border-bottom:1px solid #f0f2f5;background:#fff;text-align:left}.quick-action:hover{background:#fafbfe}.quick-action>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#f0f4fa;color:#426486}.quick-action strong,.quick-action small{display:block}.quick-action strong{color:#364357;font-size:11px}.quick-action small{margin-top:3px;color:#9aa4b4;font-size:9px}.quick-action b{color:#a1abba}.placeholder{min-height:500px;display:grid;place-content:center;text-align:center}.placeholder-icon{width:56px;height:56px;margin:auto;display:grid;place-items:center;border-radius:15px;background:#eaf0ff;color:#2a61d6;font-size:23px}.placeholder h2{margin:17px 0 7px}.placeholder p{max-width:430px;margin:0;color:#8c98a9;font-size:13px}@media(max-width:980px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{margin-bottom:40px;display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.mini-logo{width:35px;height:35px;border-radius:9px}.sidebar{width:72px}.sidebar-brand{padding:0;justify-content:center}.sidebar-brand div:not(.sidebar-logo),.nav-item{font-size:0}.nav-item{justify-content:center}.nav-icon{font-size:18px}.company-pill{display:none}.main-area{width:calc(100% - 72px);margin-left:72px}.topbar{padding:0 16px}.user-copy,.notification{display:none}.content{padding:20px}.welcome{align-items:flex-start;gap:20px}.metrics,.products{grid-template-columns:1fr}.product-row:nth-child(odd){border-right:0}}.live-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#245edb;font-size:12px;font-weight:700;white-space:nowrap}.dashboard-state{min-height:320px;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center}.dashboard-state small{color:#7b8497}.error-state strong{color:#b42318}.dashboard-spinner{width:34px;height:34px;border:3px solid #dde5f3;border-top-color:#2864e8;border-radius:50%;animation:entercol-spin .8s linear infinite}@keyframes entercol-spin{to{transform:rotate(360deg)}}.website-list{display:grid;gap:14px}.website-card{border:1px solid #e3e8f1;border-radius:14px;padding:16px;background:#fff}.website-card-top{display:flex;align-items:center;gap:12px}.website-card-top strong,.website-card-top small{display:block}.website-card-top strong{color:#12223c;font-size:14px}.website-card-top small{margin-top:3px;color:#8791a4;font-size:12px}.website-icon{width:38px;height:38px;display:grid;place-content:center;border-radius:11px;background:#edf3ff;color:#2864e8;font-weight:800}.website-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.website-meta span{padding:10px;background:#f7f9fc;border-radius:9px;color:#8a93a5;font-size:11px}.website-meta b{display:block;margin-top:4px;color:#26364f;font-size:12px;overflow-wrap:anywhere}.website-footer{margin-top:14px;padding-top:13px;border-top:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:12px}.site-status{color:#7d8798;font-size:12px;font-weight:700}.site-status.published{color:#15803d}.empty-websites{padding:24px;text-align:center;border:1px dashed #d8dfeb;border-radius:12px;color:#7f899a;font-size:13px}@media(max-width:640px){.website-meta{grid-template-columns:1fr}}.websites-module{display:grid;gap:24px}.module-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.module-heading h1{margin:6px 0 5px;font-size:30px;color:#111c30}.module-heading p{margin:0;color:#7c879a;font-size:14px}.websites-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.7fr);gap:20px;align-items:start}.websites-directory{overflow:hidden}.managed-sites{display:grid}.managed-site{width:100%;border:0;border-top:1px solid #edf0f5;background:#fff;padding:15px 18px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;text-align:left;cursor:pointer}.managed-site:hover{background:#f8faff}.managed-site.active{background:#f2f6ff;box-shadow:inset 3px 0 #2864e8}.managed-site-icon{width:36px;height:36px;display:grid;place-content:center;border-radius:10px;background:#eaf1ff;color:#2864e8;font-weight:800}.managed-site-copy{min-width:0}.managed-site-copy strong,.managed-site-copy small{display:block}.managed-site-copy strong{color:#16243a;font-size:13px}.managed-site-copy small{margin-top:3px;color:#8b94a5;font-size:11px}.managed-status{color:#7b8494;font-size:10px;font-weight:800}.managed-status.published{color:#15803d}.website-detail{padding:22px}.website-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.website-detail-header h2{margin:6px 0 3px;color:#122039;font-size:24px}.website-detail-header p{margin:0;color:#818b9d;font-size:13px}.detail-status{padding:7px 10px;border-radius:999px;background:#f3f5f8}.detail-status.published{background:#edf9f1}.website-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.summary-box{padding:13px;border-radius:11px;background:#f7f9fc;min-width:0}.summary-box span,.summary-box strong{display:block}.summary-box span{color:#8993a4;font-size:10px}.summary-box strong{margin-top:5px;color:#1a2941;font-size:12px;overflow-wrap:anywhere}.detail-section{margin-top:22px;padding-top:19px;border-top:1px solid #e9edf3}.detail-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.detail-section-title h3{margin:0;color:#17253d;font-size:15px}.detail-section-title p{margin:3px 0 0;color:#8a94a5;font-size:11px}.section-count{min-width:26px;height:26px;padding:0 8px;display:grid;place-content:center;border-radius:999px;background:#edf3ff;color:#2864e8;font-size:11px;font-weight:800}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.detail-row strong,.detail-row small{display:block}.detail-row strong{color:#17263e;font-size:13px}.detail-row small{margin-top:3px;color:#8a94a5;font-size:11px}.detail-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.detail-tags span{padding:5px 8px;border-radius:999px;background:#f2f5f9;color:#687488;font-size:10px;font-weight:700}.hosting-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.hosting-card>div{padding:12px;border:1px solid #e7ebf1;border-radius:10px}.hosting-card span,.hosting-card strong{display:block}.hosting-card span{color:#8b94a5;font-size:10px}.hosting-card strong{margin-top:5px;color:#19283f;font-size:12px;overflow-wrap:anywhere}.website-actions{margin-top:22px;padding-top:18px;border-top:1px solid #e9edf3;display:flex;align-items:center;justify-content:flex-end;gap:10px}.secondary-action{min-height:36px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid #d8dfeb;border-radius:9px;color:#345176;background:#fff;text-decoration:none;font-size:12px;font-weight:700}.detail-empty{padding:16px;border-radius:10px;background:#f8f9fb;color:#828c9d;font-size:12px}@media(max-width:1050px){.websites-layout{grid-template-columns:1fr}.website-summary-grid,.hosting-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.module-heading{align-items:flex-start;flex-direction:column}.website-summary-grid,.hosting-card{grid-template-columns:1fr}.website-detail-header,.detail-row,.website-actions{align-items:flex-start;flex-direction:column}.detail-tags{justify-content:flex-start}}.content-manager{display:grid;gap:24px}.content-manager-heading{align-items:flex-end}.back-button{display:block;margin:0 0 14px;padding:0;border:0;background:transparent;color:#2864e8;cursor:pointer;font-size:12px;font-weight:800}.content-heading-actions{display:flex;align-items:center;gap:10px}.content-heading-actions button:disabled,.sections-header button:disabled,.section-card button:disabled{opacity:.48;cursor:not-allowed}.content-manager-layout{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.8fr);gap:20px;align-items:start}.pages-panel{overflow:hidden}.pages-list{display:grid}.page-item{width:100%;padding:15px 17px;border:0;border-top:1px solid #edf0f5;background:#fff;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.page-item:hover{background:#f8faff}.page-item.active{background:#f2f6ff;box-shadow:inset 3px 0 #2864e8}.page-item-icon{width:34px;height:34px;display:grid;place-content:center;border-radius:9px;background:#eaf1ff;color:#2864e8;font-weight:800}.page-item-copy{min-width:0}.page-item-copy strong,.page-item-copy small{display:block}.page-item-copy strong{color:#17263e;font-size:13px}.page-item-copy small{margin-top:3px;color:#8993a5;font-size:11px}.sections-panel{padding:22px}.sections-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.sections-header h2{margin:6px 0 3px;color:#132139;font-size:24px}.sections-header p{margin:0;color:#8993a5;font-size:12px}.page-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.page-metadata>div{padding:12px;border-radius:10px;background:#f7f9fc}.page-metadata span,.page-metadata strong{display:block}.page-metadata span{color:#8993a5;font-size:10px}.page-metadata strong{margin-top:4px;color:#17263e;font-size:12px}.sections-list{display:grid;gap:12px;margin-top:20px}.section-card{padding:16px;border:1px solid #e4e9f1;border-radius:12px;background:#fff}.section-card-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-type{display:flex;align-items:center;gap:10px}.section-position{width:32px;height:32px;display:grid;place-content:center;border-radius:9px;background:#edf3ff;color:#2864e8;font-size:12px;font-weight:800}.section-type strong,.section-type small{display:block}.section-type strong{color:#17263e;font-size:13px}.section-type small{margin-top:2px;color:#929bac;font-size:10px}.section-content-preview{display:grid;gap:8px;margin-top:14px}.content-field{padding:10px 12px;border-radius:9px;background:#f8f9fb}.content-field span,.content-field strong{display:block}.content-field span{color:#8a94a5;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.content-field strong{margin-top:4px;color:#25344c;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.section-settings{margin-top:12px;padding-top:11px;border-top:1px dashed #e0e5ed;display:flex;flex-wrap:wrap;align-items:center;gap:7px}.section-settings>span{color:#8a94a5;font-size:10px;font-weight:700}.section-settings small{padding:4px 7px;border-radius:999px;background:#f1f4f8;color:#687488;font-size:10px}.sections-loading,.content-empty{margin-top:18px}.sections-loading{padding:18px;color:#7d8798;text-align:center;font-size:12px}.content-inline-error{margin-top:16px;padding:10px 12px;border-radius:9px;background:#fff4f4;color:#b42318;font-size:11px}@media(max-width:1050px){.content-manager-layout{grid-template-columns:1fr}}@media(max-width:640px){.content-manager-heading,.sections-header{align-items:flex-start;flex-direction:column}.content-heading-actions{align-items:flex-start;flex-wrap:wrap}.page-metadata{grid-template-columns:1fr}}.section-editor-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a8f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.section-editor-modal{width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 70px #0f172a3d}.section-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid #e5e7eb}.section-editor-header h2{margin:4px 0}.section-editor-header p{margin:0;color:#64748b}.section-editor-close{width:38px;height:38px;border:0;border-radius:10px;background:#f1f5f9;color:#334155;font-size:24px;line-height:1;cursor:pointer}.section-editor-close:disabled{cursor:default;opacity:.55}.section-editor-body{display:grid;gap:22px;padding:24px 26px}.section-editor-group{display:grid;gap:14px}.section-editor-group h3{margin:0;font-size:15px}.section-editor-field{display:grid;gap:7px}.section-editor-field>span{color:#475569;font-size:13px;font-weight:700}.section-editor-field input,.section-editor-field textarea,.section-editor-field select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:11px 12px;color:#0f172a;font:inherit;outline:none}.section-editor-field textarea{resize:vertical;min-height:120px}.section-editor-field input:focus,.section-editor-field textarea:focus,.section-editor-field select:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b1f}.section-editor-field input:disabled,.section-editor-field textarea:disabled,.section-editor-field select:disabled{background:#f8fafc}.section-editor-message{padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.5}.section-editor-message.error{background:#fef2f2;color:#991b1b}.section-editor-message.success{background:#f0fdf4;color:#166534}.section-editor-empty{margin:0;color:#64748b;font-size:13px}.section-editor-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px 24px;border-top:1px solid #e5e7eb}@media(max-width:640px){.section-editor-backdrop{padding:12px}.section-editor-modal{max-height:calc(100vh - 24px)}.section-editor-header,.section-editor-body,.section-editor-actions{padding-left:18px;padding-right:18px}.section-editor-actions{flex-direction:column-reverse}.section-editor-actions button{width:100%}}.section-editor-backdrop{box-sizing:border-box;position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.section-editor-modal{box-sizing:border-box;width:min(680px,100%);max-height:calc(100vh - 48px);margin:auto;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff}.section-editor-header{flex:0 0 auto}.section-editor-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.section-editor-actions{flex:0 0 auto}@media(max-width:720px){.section-editor-backdrop{padding:12px;align-items:flex-start}.section-editor-modal{width:100%;max-height:calc(100vh - 24px);border-radius:16px}}