:root{
  --bg:#0b0b10;--surface:#121219;--raised:#1a1922;--panel:#15151e;
  --panel2:#20202a;--line:#2b2934;--line2:#3e303c;
  --text:#f3f0f5;--muted:#99939f;--subtle:#6f6978;
  --red:#f04470;--red2:#bd2853;--pink:#ff91ae;
  --shadow:0 22px 60px rgba(0,0,0,.23);--sidebar-w:244px;
  font-family:Inter,"Segoe UI",system-ui,sans-serif;
  color-scheme:dark;
}
body{background:var(--bg);color:var(--text);overflow:hidden}
body[data-accent="violet"]{--red:#9a79ed;--red2:#724fbf;--pink:#c7b5ff;--line2:#493d62}
body[data-accent="ocean"]{--red:#55a7d8;--red2:#277cae;--pink:#a5dcff;--line2:#345266}
button{transition:background .16s ease,transform .16s ease,border-color .16s ease}
button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.admin-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);height:100dvh;overflow:hidden}
.nav-sidebar{background:linear-gradient(160deg,#15141c 0%,#101016 70%);
 border-right:1px solid #292630;display:flex;flex-direction:column;min-height:0;position:relative;z-index:6}
.brand-wrap{height:87px;padding:24px 20px 20px;display:flex;align-items:center;gap:12px}
.brand-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,#6b1d3a,#3c1427);border:1px solid #9d2c50;box-shadow:0 4px 25px #9b19453a;font-size:26px;font-weight:900;letter-spacing:-7px;padding-right:5px}
.brand-symbol span{font-size:10px;color:#ff92ae;transform:translate(1px,8px)}
.brand-name{font-size:18px;letter-spacing:-.6px;font-weight:800;line-height:1.2}
.brand-name>span{color:var(--pink)}
.brand-name small{display:block;color:#7c7483;font-size:9px;letter-spacing:1.7px;margin-top:6px;font-weight:700}
.brand-name small b{color:var(--pink)}
.nav-close{display:none}
.site-switcher-wrap{margin:8px 14px 23px;padding:12px 12px 10px;background:#1c1a23;border:1px solid #3a2b39;border-radius:13px}
.site-switcher-wrap label{display:block;font-size:9px;letter-spacing:1.55px;color:#8a8391;font-weight:800;margin:0 0 10px}
.select-wrap{display:flex;align-items:center;gap:8px}
.site-indicator{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #ad285026}
#site-switcher{font-size:12px;width:100%;min-width:0;color:#eeeaf0;background:transparent;border:0;outline:0;font-weight:650;cursor:pointer;text-overflow:ellipsis}
#site-switcher option{background:#26222e}
.nav-body{padding:0 12px;overflow:auto;min-height:0;flex:1}
.nav-group{margin:0 0 19px}
.nav-group-label{padding:8px 12px 9px;font-weight:800;font-size:10px;letter-spacing:1.7px;color:#73707c;text-transform:uppercase}
.nav-entry{width:100%;height:41px;display:flex;align-items:center;gap:12px;border-radius:10px;
 background:transparent;color:#9f9aa7;border:1px solid transparent;text-align:left;
 padding:0 12px;font-size:13px;font-weight:620;cursor:pointer;margin:2px 0}
.nav-entry:hover{background:#25212d;color:#fff}
.nav-entry.active{color:#fff;background:linear-gradient(95deg,#61213b,#331c2b 92%);border-color:#6b2d48;box-shadow:inset 3px 0 var(--red)}
.nav-entry .nav-icon{width:17px;height:17px;display:grid;place-items:center;flex:none;opacity:.8}
.nav-entry.active .nav-icon{color:var(--pink);opacity:1}
.nav-entry .nav-mini{margin-left:auto;font-size:9px;border-radius:5px;background:#322d38;padding:3px 6px;color:#a89aac}
.nav-entry.active .nav-mini{background:#682b43;color:#ffc1d1}
.nav-footer{border-top:1px solid #272631;padding:18px 16px 18px}
.runtime-state{display:flex;gap:11px;align-items:center;margin:0 4px 17px}
.pulse-dot{width:9px;height:9px;border-radius:50%;background:#ea547f;box-shadow:0 0 0 4px #ea547f1d}
.runtime-state strong,.runtime-state small{display:block}
.runtime-state strong{font-size:12px}.runtime-state small{color:#918997;font-size:11px;margin-top:4px}
.sidebar-chat-link{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 13px;color:#e4bfcb;background:#2b202c;border:1px solid #593046;border-radius:10px;font-size:12px;font-weight:700}
.sidebar-chat-link:hover{background:#422438}
.sidebar-chat-link span{font-size:17px}
.admin-area{display:flex;flex-direction:column;min-width:0;min-height:0}
.admin-topbar{height:72px;min-height:72px;background:#121218;
 border-bottom:1px solid var(--line);padding:0 27px;display:flex;align-items:center;
 justify-content:space-between;gap:10px}
.topbar-start,.topbar-end{display:flex;align-items:center;gap:15px}
.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:12px}
.breadcrumbs span:first-child{font-size:10px;font-weight:750;letter-spacing:1.2px;color:#706b76}
.crumb-separator{color:#544c5a}.breadcrumbs strong{font-size:13px;color:#dcd7e0}
.connection-tag{display:flex;align-items:center;gap:8px;border:1px solid #37313e;background:#1c1923;border-radius:999px;padding:8px 12px;color:#b6aebc;font-size:11px;font-weight:700}
.small-dot{width:6px;height:6px;border-radius:50%;background:#fc6290;box-shadow:0 0 9px #fc629060}
#studio-trigger,.topbar-studio{font-size:11px;padding:9px 13px;border:1px solid #684052;background:#35232e;border-radius:10px;color:#f6b0c4;font-weight:700}
.topbar-status{font-size:11px;color:#8e8894;max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.user-avatar{width:33px;height:33px;display:grid;place-items:center;border:1px solid #a53f61;border-radius:12px;background:linear-gradient(135deg,#703049,#2d2130);font-weight:900;color:#ffd0dc;font-size:13px}
.icon-action{border:1px solid var(--line);background:#24222c;border-radius:9px;color:#c6bdc8;padding:7px 10px;font-weight:700}
.mobile-menu{display:none}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 375px;flex:1;min-height:0}
.workspace-view{overflow:auto;min-width:0;padding:33px clamp(18px,3vw,44px) 65px;background:
 radial-gradient(ellipse at 92% -15%,#56203720,transparent 44%),
 radial-gradient(ellipse at 0% 120%,#25132634,transparent 35%),#0e0e15}
.workspace-view::-webkit-scrollbar,.nav-body::-webkit-scrollbar,#feed::-webkit-scrollbar{width:6px}
.workspace-view::-webkit-scrollbar-thumb,.nav-body::-webkit-scrollbar-thumb,#feed::-webkit-scrollbar-thumb{background:#43313f;border-radius:10px}
.chat-pane{background:#15141c;border-left:1px solid #312733;display:flex;flex-direction:column;min-width:0;min-height:0;height:auto;max-width:none;margin:0}
.chat-heading{height:72px;min-height:72px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid var(--line)}
.ai-avatar{width:39px;height:39px;border:1px solid #a5385e;background:linear-gradient(135deg,#68253f,#281b31);display:grid;place-items:center;border-radius:12px;color:#fa9abb;font-size:22px}
.chat-heading strong,.chat-heading small{display:block}
.chat-heading strong{font-size:14px}.chat-heading small{font-size:10px;color:#a197a5;margin-top:4px}
.chat-heading .icon-action{margin-left:auto}
.chat-model-note{padding:9px 18px;border-bottom:1px solid #26232b;background:#1b1720;font-size:10px;color:#b1a2af;display:flex;align-items:center;gap:9px}
.model-dot{width:6px;height:6px;background:#cc6e92;transform:rotate(45deg)}
#feed{flex:1;min-height:0;overflow-y:auto;padding:20px 17px;gap:14px}
.msg{font-size:12.5px;line-height:1.6;padding:12px 14px;border-radius:14px}
.msg.assistant{max-width:94%;background:#24222e;border:1px solid #36303d}
.msg.user{max-width:94%;background:#4d293d;border:1px solid #703a53}
.small{font-size:10px;color:#ad94a4;margin-top:8px}
.chat-footer{padding:12px 15px 18px;background:#15141c;border-top:1px solid var(--line)}
.composer{padding:7px;min-width:0;align-items:end;gap:4px;border-radius:13px;background:#23212d;border-color:#51354a}
.composer:focus-within{border-color:#b64169;box-shadow:0 0 0 2px #9435511c}
#composer{font-size:12px;padding:9px 7px;min-height:49px;max-height:185px}
.attach-button{background:#39313e;border-radius:10px;padding:10px 12px;font-size:20px;color:#bdb2c0}
.send-button{background:linear-gradient(135deg,#d83764,#a51f4a);padding:11px 13px;color:white;min-width:40px}
.chat-footer .hint{font-size:10px;line-height:1.45;margin-top:10px}
.chat-fab{display:none}
.workspace-loading{height:65%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aaa2ae}
.workspace-loading h2{font-size:24px;margin:16px 0 4px;color:#fff}
.workspace-loading p{font-size:12px}.loading-orb{font-size:40px;color:#f1577e}
.view-eyebrow{display:flex;align-items:center;gap:8px;text-transform:uppercase;font-weight:800;letter-spacing:2.1px;font-size:10px;color:var(--pink)}
.view-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red)}
.view-header{display:flex;align-items:end;gap:16px;justify-content:space-between;margin:12px 0 26px}
.view-header h2{font-size:clamp(24px,2.5vw,33px);letter-spacing:-1.3px;margin:0 0 6px;font-weight:830}
.view-header p{font-size:12px;line-height:1.65;color:#99919f;margin:0;max-width:650px}
.view-actions{display:flex;gap:8px;flex-wrap:wrap}
.ui-button{border-radius:10px;border:1px solid #3e3944;background:#272530;color:#e6dfe8;padding:10px 13px;font-size:11px;font-weight:750;white-space:nowrap}
.ui-button:hover{border-color:#8d3e5e;background:#3c2b39}
.ui-button.primary{background:linear-gradient(120deg,#b82953,#881d40);border-color:#bd3460;color:#fff}
.ui-button.primary:hover{background:linear-gradient(120deg,#d13565,#a72250)}
.ui-button:disabled{opacity:.42}
.ui-button.tiny{padding:7px 10px;font-size:10px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:24px}
.metric{background:linear-gradient(145deg,#1d1a24,#15151d);border:1px solid var(--line);border-radius:15px;padding:18px 16px;min-height:128px;position:relative;overflow:hidden}
.metric:after{content:"";position:absolute;right:-22px;top:-19px;width:70px;height:70px;border-radius:22px;border:1px solid #76294a22;transform:rotate(25deg)}
.metric-icon{color:var(--pink);font-size:15px;opacity:.8}
.metric-value{font-size:32px;letter-spacing:-1.1px;font-weight:800;margin:5px 0 3px}
.metric-label{font-size:11px;color:#a99eab}.metric-note{font-size:10px;color:#766f7b;margin-top:5px}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:28px 0 13px}
.section-head h3{font-size:15px;font-weight:790;letter-spacing:-.3px;margin:0}
.section-head p{font-size:11px;color:#98909c;margin:4px 0 0}
.section-head .small-link{border:none;background:none;color:var(--pink);font-size:11px;padding:8px;cursor:pointer}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(218px,1fr));gap:12px}
.ui-card,.panel-box{background:linear-gradient(155deg,#1c1b25,#16161f);border:1px solid #302c39;border-radius:15px;padding:18px}
.ui-card:hover{border-color:#6d4056}
.site-card{display:flex;flex-direction:column;gap:13px;min-height:178px}
.site-card .site-top{display:flex;gap:10px;align-items:center}
.site-favicon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:#eac5cf;background:#4c2a3a;border:1px solid #82425e}
.site-card .domain{font-size:12px;font-weight:760;overflow-wrap:anywhere}
.site-card .subdomain{font-size:10px;color:#857f8b;margin-top:5px}
.site-meta{display:flex;gap:6px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;border:1px solid #43404c;background:#292830;border-radius:99px;padding:5px 9px;color:#b9b0bc}
.pill.available{border-color:#63344c;color:#f2a5ba;background:#3b2636}
.site-actions{display:flex;gap:7px;margin-top:auto}
.subhead{font-size:11px;color:#a79eac}.muted{color:#a8a0ac}
.data-table{width:100%;border-spacing:0;border-collapse:separate;font-size:12px;color:#e3dfe5}
.data-table th{text-align:left;padding:12px 12px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#877f8d;background:#201e29}
.data-table th:first-child{border-radius:10px 0 0 0}
.data-table th:last-child{border-radius:0 10px 0 0}
.data-table td{padding:13px 12px;border-bottom:1px solid #2d2a35;vertical-align:middle;overflow-wrap:anywhere}
.data-table tr:hover td{background:#211e28}
.table-clip{overflow-x:auto}
.table-name{font-weight:720}.table-desc{font-size:10px;color:#968d9a;margin-top:5px}
.table-buttons{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.empty-state{padding:38px 26px;text-align:center;color:#a49ba8;border:1px dashed #4f3947;border-radius:14px;background:#1d1923}
.empty-symbol{font-size:32px;color:#b25b79;margin:0 0 9px}
.empty-state strong{color:#f1dce5;display:block;font-size:14px}
.empty-state p{font-size:12px;line-height:1.6}
.hero-banner{background:radial-gradient(ellipse at 90% 10%,#932c5455,transparent 45%),linear-gradient(108deg,#392131,#1b1927 85%);border:1px solid #684056;border-radius:18px;padding:24px 25px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:145px;overflow:hidden}
.hero-banner h3{font-size:19px;letter-spacing:-.5px;margin:0 0 8px;font-weight:850}
.hero-banner p{font-size:12px;color:#c8b2bf;line-height:1.7;margin:0;max-width:490px}
.hero-orb{display:grid;place-items:center;border-radius:33px;width:95px;height:95px;font-size:55px;color:#ff9fb9;flex:none;border:1px solid #97436659;background:#7b265237;transform:rotate(-8deg)}
.code-name{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
.progress-track{height:6px;background:#34303a;border-radius:6px;overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,#ae2753,#ef648b)}
.module-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.module-card{display:flex;flex-direction:column;gap:10px}
.module-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.module-symbol{display:grid;place-items:center;background:#3c2736;color:#f4a4bf;width:34px;height:34px;border-radius:11px}
.module-name{font-size:13px;font-weight:800}
.module-card p{color:#9e96a2;line-height:1.6;font-size:11px;margin:0;min-height:50px}
.capability-list{display:flex;flex-wrap:wrap;gap:5px}
.capability-list span{border-radius:5px;background:#272630;color:#8f8796;font:9px ui-monospace,monospace;padding:5px 6px}
.module-card .module-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px}
.toggle{width:42px;height:24px;border-radius:99px;background:#403943;border:1px solid #605362;position:relative;cursor:pointer;padding:0;transition:.2s}
.toggle:before{content:"";position:absolute;left:4px;top:3px;width:16px;height:16px;border-radius:50%;background:#aba4ad;transition:.2s}
.toggle.on{background:#8e2750;border-color:#ad4b6a}
.toggle.on:before{transform:translateX(17px);background:white}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #302d38}
.settings-row:last-child{border-bottom:none}
.settings-row strong{font-size:12px}.settings-row p{color:#8e8490;font-size:11px;margin:5px 0}
.settings-row select{background:#28242f;color:#faf7fa;border:1px solid #514052;border-radius:9px;padding:9px 11px;min-width:145px;max-width:100%}
.note{font-size:11px;border-left:3px solid #ae3760;background:#30202e;border-radius:8px;padding:12px 14px;color:#cfb6c5;line-height:1.7;margin:12px 0}
.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.media-item{min-width:0;border:1px solid #403542;background:#211d29;border-radius:12px;overflow:hidden}
.media-thumb{height:130px;background:repeating-conic-gradient(#2c2633 0% 25%,#3d3340 0% 50%) 50%/18px 18px;display:grid;place-items:center}
.media-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.media-info{padding:11px;font-size:11px;overflow-wrap:anywhere}
.media-info small{display:block;color:#968c9a;margin-top:6px}
.view-inline-editor{border-top:1px solid #3c3241;padding-top:16px}
.activity-line{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #2e2b33}
.activity-line .activity-dot{border:1px solid #883e5c;border-radius:50%;width:9px;height:9px;margin-top:5px;flex:none;background:#cf3e6c}
.activity-line strong{font-size:12px}.activity-line small{display:block;color:#7f7784;margin-top:4px;font-size:10px}
#chat-pane.collapsed{display:none}.dashboard-layout.chat-hidden{grid-template-columns:minmax(0,1fr)}
.chat-fab{position:fixed;bottom:24px;right:25px;background:linear-gradient(135deg,#e84d7c,#9d254e);color:white;width:56px;height:56px;border-radius:18px;box-shadow:0 12px 35px #b1325759;font-size:27px;z-index:3}
.dashboard-layout.chat-hidden+.chat-fab{display:block}
body[data-density="compact"] .workspace-view{padding-top:20px}
body[data-density="compact"] .ui-card{padding:12px}
body[data-density="compact"] .data-table td{padding:9px 11px}
body[data-density="compact"] .metric{min-height:105px;padding:12px}
.nav-shade{display:none}
@media(max-width:1260px){
  .dashboard-layout{grid-template-columns:minmax(0,1fr) 340px}
  :root{--sidebar-w:214px}
  .nav-entry{font-size:12px}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .dashboard-layout{grid-template-columns:minmax(0,1fr)}
  #chat-pane{position:fixed;right:0;top:72px;bottom:0;width:min(410px,100vw);height:auto;z-index:4;box-shadow:-20px 0 40px #0008}
  #chat-pane.collapsed{display:none}
  .chat-fab{display:block}
}
@media(max-width:740px){
  .admin-shell{grid-template-columns:minmax(0,1fr)}
  .nav-sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;transform:translateX(-100%);transition:transform .2s ease;z-index:10}
  .nav-sidebar.open{transform:translateX(0)}
  .nav-shade.open{display:block;position:fixed;inset:0;background:#000b;z-index:9}
  .nav-close,.mobile-menu{display:block}
  .nav-close{margin-left:auto;background:#352533;padding:6px 12px}
  .admin-topbar{padding:0 15px;height:63px;min-height:63px}
  #chat-pane{top:63px}
  .topbar-status,.connection-tag{display:none}
  .workspace-view{padding:23px 15px 60px}
  .view-header{align-items:flex-start;flex-direction:column}
  .metrics{gap:9px}
  .metric{padding:15px;min-height:112px}
  .metric-value{font-size:28px}
  .hero-orb{display:none}
  .hero-banner{padding:18px}
  .view-header h2{font-size:26px}
  .topbar-end{gap:8px}
  .user-avatar{width:29px;height:29px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}