:root{color-scheme:dark;--bg:#111111;--sidebar:#161616;--card:#1a1a1a;--input:#232323;--line:#2a2a2a;--muted:#878787;--text:#f5f5f5;--purple:#c50337;--bright:#c50337;--success:#c50337}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}input,textarea,select{outline:none}a{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}.app{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:256px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 16px 22px}.brand{display:flex;gap:13px;align-items:center;padding:5px 9px 45px}.brand strong{font-size:14px;letter-spacing:1.4px;font-weight:850;white-space:nowrap}.brand small{display:block;letter-spacing:1.9px;color:var(--muted);font-size:9px;margin-top:7px}.brand-mark{width:37px;height:37px;border-radius:12px;background:#c50337;display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:4px;justify-content:center;align-content:center;transform:rotate(-8deg);flex-shrink:0}.brand-mark span{background:#1c1c1c;border-radius:2px}.brand-mark span:last-child{opacity:.35}.brand-mark.large{width:52px;height:52px;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:5px;margin-bottom:30px}.side-label,.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--muted);font-weight:800}.side-label{margin:0 13px 15px}.nav{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;padding:13px 14px;text-align:left;border-radius:11px;color:#a2a2a2;margin:2px 0;font-size:13px}.nav.active,.nav:hover{background:#282828;color:#ffffff}.nav.active{box-shadow:inset 2px 0 0 var(--purple)}.nav-icon{font-size:19px;width:18px;display:inline-flex;justify-content:center}.nav-count{margin-left:auto;background:#333333;border-radius:7px;padding:2px 8px;color:#c1c1c1;font-size:11px}.side-bottom{margin-top:auto;padding:0 10px;display:grid;gap:13px}.side-bottom small{font-size:9px;letter-spacing:1.6px;color:#636363}.server-indicator{font-size:11px;color:#b6b6b6;display:flex;align-items:center;gap:8px;padding:10px 0}.pulse{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #c5033719}.nav.small{font-size:12px;padding-left:0}.main{min-width:0;flex:1}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#121212}.crumb{font-size:11px;letter-spacing:1px;color:#676767}.crumb span{padding:0 12px;color:#4e4e4e}.crumb b{color:#c5c5c5;font-weight:550}.userbadge{display:flex;align-items:center;gap:10px;font-size:12px;color:#b6b6b6}.user-circle{background:#353535;color:#d2d2d2;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:11px;font-weight:800}.content{padding:42px;max-width:1600px;margin:auto}.page-head,.editor-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 34px}.page-head h1,.editor-head h1{font-size:clamp(35px,4vw,52px);line-height:1.15;letter-spacing:-2.4px;margin:13px 0 7px;font-weight:800}.purple{color:var(--purple)}.subtitle{font-size:13px;color:var(--muted);margin:0}.primary,.secondary{border:1px solid transparent;padding:12px 17px;border-radius:10px;font-size:12px;font-weight:750;white-space:nowrap;transition:background .18s,transform .18s}.primary{background:var(--bright);color:#ffffff;box-shadow:0 3px 17px #c5033715}.primary:hover{background:#c50337}.secondary{background:#252525;border-color:#393939;color:#e5e5e5}.secondary:hover{background:#323232}.primary:active,.secondary:active{transform:scale(.985)}.compact{padding:8px 11px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:40px 0}.stat{padding:25px;background:var(--card);border:1px solid var(--line);border-radius:15px;min-height:144px}.stat>span{display:block;color:var(--muted);letter-spacing:1.2px;font-weight:700;font-size:9px}.stat strong{font-size:40px;line-height:1.3;letter-spacing:-2px;display:block;margin:6px 0}.stat small{font-size:11px;color:#7a7a7a}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:36px 0 20px}.section-heading h2{font-size:18px;letter-spacing:-.6px;margin:0}.section-heading>span{font-size:11px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#444444;transform:translateY(-2px)}.project-art{height:143px;position:relative;background:radial-gradient(ellipse at 75% 10%,#c5033755,transparent 50%),linear-gradient(120deg,#252525,#171717);padding:24px;display:flex;justify-content:space-between;align-items:flex-start}.project-art .big-icon{font-size:42px;font-weight:300;color:#bbbbbb;letter-spacing:-3px;align-self:center}.published{background:#2e2e2e;border:1px solid #434343;color:#c2c2c2;font-size:10px;font-weight:700;border-radius:6px;padding:6px 8px}.draft-badge{background:#373737;border:1px solid #434343;color:#d1d1d1;font-size:10px;font-weight:700;border-radius:6px;padding:6px 8px}.project-body{padding:19px}.project-name{font-size:17px;font-weight:700;letter-spacing:-.4px;margin-bottom:5px}.project-domain{font-size:12px;color:#828282;margin-bottom:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:17px;gap:10px}.project-footer span{font-size:11px;color:#a5a5a5}.project-footer button{border:0;background:transparent;font-size:12px;font-weight:700;color:#b9b9b9}.empty-state{grid-column:1/-1;border:1px dashed #3c3c3c;border-radius:16px;text-align:center;padding:65px 20px;color:var(--muted)}.empty-state h3{font-size:18px;color:#dddddd}.view{animation:enter .3s ease-out}@keyframes enter{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}.back-link{border:0;padding:0;background:transparent;color:#c50337;font-size:12px;margin-bottom:20px}.editor-head{margin-bottom:25px}.editor-meta{font-size:12px;color:var(--muted);display:flex;gap:18px}.editor-meta span+span:before{content:'·';margin-right:18px;color:#555555}.editor-actions{display:flex;gap:8px;flex-wrap:wrap}.tab-row{border-bottom:1px solid var(--line);display:flex;gap:30px;overflow-x:auto;margin-bottom:26px;scrollbar-width:thin}.tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:16px 0;color:#8b8b8b;font-size:12px;white-space:nowrap;font-weight:700}.tab.active{color:#efefef;border-bottom-color:var(--purple)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:24px;align-items:start}.editor-panel,.preview-panel{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:25px;min-width:0}.panel-heading{margin-bottom:24px}.panel-heading h2{font-size:20px;margin:0 0 7px}.panel-heading p,.hint{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.form-stack{display:grid;gap:16px}label{display:flex;flex-direction:column;gap:8px;color:#d6d6d6;font-size:12px;font-weight:650;margin-bottom:17px}label input,label textarea,label select{background:var(--input);border:1px solid #383838;border-radius:9px;color:#ececec;font-size:16px;padding:12px 13px;width:100%;transition:border .2s}label textarea{resize:vertical;line-height:1.5}label input:focus,label textarea:focus,label select:focus{border-color:#c50337}input[type=color]{height:49px;cursor:pointer;padding:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-heading.inset{margin:26px 0 16px}.items-editor{display:grid;gap:10px}.item-edit{border:1px solid #353535;border-radius:12px;padding:16px;background:#1d1d1d}.item-edit .form-grid{gap:10px}.item-edit label{margin-bottom:10px}.item-edit .item-actions{display:flex;justify-content:flex-end}.danger-link{color:#c50337;background:transparent;border:0;font-size:12px}.preview-panel{position:sticky;top:24px;padding:12px;overflow:hidden}.preview-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a5a5a5;letter-spacing:1.2px;padding:8px 11px 13px}.preview-top button{border:0;background:transparent;font-size:22px;color:#aaaaaa}.preview-panel iframe{width:100%;height:540px;border:1px solid #3a3a3a;border-radius:10px;background:#ffffff}.preview-caption{padding:15px 10px 6px;color:var(--muted);font-size:11px;line-height:1.6}.lead-row{border:1px solid var(--line);background:#1f1f1f;border-radius:12px;padding:16px;margin-bottom:12px}.lead-row header{display:flex;align-items:center;justify-content:space-between}.lead-row strong{font-size:14px}.lead-row p{font-size:12px;color:#d3d3d3;white-space:pre-wrap}.lead-row small{color:var(--muted);font-size:11px}.lead-row select{background:var(--input);color:#dddddd;border:1px solid #494949;border-radius:8px;padding:7px;font-size:12px}.history-row,.bot-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0;gap:13px}.history-row strong,.bot-row strong{font-size:13px}.history-row small,.bot-row small{display:block;color:var(--muted);margin-top:5px}.bot-row button,.history-row button{border:1px solid #444444;background:transparent;border-radius:8px;padding:8px 10px;font-size:11px}.bots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.bots-grid .bot-row{padding:20px;background:var(--card);border-radius:13px;border:1px solid var(--line)}.notice{background:#1e1e1e;border:1px solid #363636;border-radius:11px;padding:18px;margin:30px 0;color:#c0c0c0;font-size:12px;line-height:1.6}.upload-card{border:1px dashed #c50337;padding:18px;border-radius:11px;cursor:pointer}.upload-card small{color:#888888}.upload-card input{font-size:12px;padding:8px}.panel-separator{border-top:1px solid var(--line);margin:25px 0}.mobile-menu{display:none}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% -30%,#313131 0,transparent 58%),#111111}.auth-card{width:100%;max-width:440px;padding:46px 43px;background:#1b1b1b;border:1px solid #353535;border-radius:22px;box-shadow:0 25px 110px #00000088}.auth-card h1{font-size:44px;letter-spacing:-2px;margin:13px 0}.auth-card>p{color:#9c9c9c;line-height:1.7;font-size:14px;margin-bottom:26px}.wide{width:100%;display:block}.auth-card .eyebrow{color:#c50337}.auth-note{font-size:10px!important;margin:27px 0 0!important;text-align:center}.login-code{background:#101010;border:1px solid #424242;border-radius:10px;padding:13px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0}.login-code code{font-size:14px;overflow-wrap:anywhere;color:#cacaca}.login-code button{background:transparent;border:0;color:#bababa;font-size:20px}.text-center{text-align:center;text-decoration:none;margin:12px 0}.auth-card small{font-size:11px;color:#939393;line-height:1.5}.modal-layer{position:fixed;inset:0;background:#000000aa;display:grid;place-items:center;padding:20px;z-index:100}.modal{width:100%;max-width:460px;background:#212121;border:1px solid #444444;border-radius:19px;padding:28px;box-shadow:0 25px 100px #00000099}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal h2{font-size:22px;letter-spacing:-.7px;margin:0}.icon-button{background:transparent;border:0;color:#aaaaaa;font-size:18px}.modal .hint{margin:0 0 23px}.toast{position:fixed;bottom:24px;right:25px;max-width:420px;padding:14px 19px;border-radius:11px;background:#2f2f2f;border:1px solid #c50337;box-shadow:0 14px 35px #00000077;color:white;font-size:12px;opacity:0;pointer-events:none;transition:opacity .25s;z-index:120;line-height:1.6}.toast.show{opacity:1}.toast.error{background:#2a2a2a;border-color:#c50337}@media(max-width:1250px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}.preview-panel{position:static}.preview-panel iframe{height:500px}}@media(max-width:830px){.sidebar{position:fixed;z-index:55;left:-280px;transition:left .2s;box-shadow:30px 0 100px #00000055}.sidebar.open{left:0}.mobile-menu{display:inline-block;border:0;background:transparent;font-size:20px;margin-right:12px}.topbar{padding:0 20px}.crumb{margin-right:auto}.content{padding:29px 18px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head{align-items:flex-start;gap:15px}.page-head h1{font-size:38px}.page-head .primary{margin-top:26px}}@media(max-width:580px){.stats{gap:8px}.stat{padding:17px;min-height:115px}.stat strong{font-size:30px}.stat>span{font-size:8px;letter-spacing:.6px}.project-grid{grid-template-columns:1fr}.page-head{display:block}.page-head>.primary{margin-top:20px}.editor-head{display:block}.editor-actions{margin-top:22px}.editor-actions button{flex:1}.editor-panel{padding:18px}.form-grid{grid-template-columns:1fr;gap:0}.bots-grid{grid-template-columns:1fr}.tab-row{gap:21px}.userbadge #adminLabel{display:none}.auth-card{padding:33px 24px}.auth-card h1{font-size:36px}}

/* Site Control v1.2 — obsidian / white / signal orange; turquoise for operational status. */
:root {
  color-scheme: dark;
  --bg:#0d0d0d; --sidebar:#111111; --card:#191919; --input:#252525;
  --line:#2e2e2e; --muted:#a5a5a5; --text:#fafafa;
  --purple:#c50337; --bright:#c50337; --success:#c50337;
  --orange:#c50337; --orange-strong:#c50337; --turquoise:#c50337;
}
html,body {background:var(--bg);color:var(--text);font-feature-settings:"ss01" on}
.app {background:radial-gradient(ellipse 72% 47% at 74% -22%,#c503370b,transparent 80%),var(--bg)}
.sidebar {background:#121212;border-right:1px solid #2a2a2a}
.brand {padding-bottom:39px}
.brand strong {font-size:14px;letter-spacing:1.1px;color:#ffffff}
.brand small {letter-spacing:1.2px;color:#adadad}
.brand-mark, .brand-mark.large {transform:none;box-shadow:0 9px 28px #c503372e;
  background:linear-gradient(135deg,#c50337,#c50337);border:1px solid #c50337}
.brand-mark span {background:#191919;border-radius:2px}
.brand-mark span:last-child {opacity:.35}
.side-label,.eyebrow {letter-spacing:1.55px;color:#aeaeae}
.nav {font-weight:650;color:#b1b1b1;border:1px solid transparent;min-height:46px}
.nav.active {background:#242424;color:#ffffff;border:1px solid #383838;box-shadow:inset 3px 0 0 var(--orange)}
.nav:hover {background:#212121;color:#ffffff}
.nav-icon {color:var(--orange);font-size:17px}
.nav-count {background:#2f2f2f;color:#dddddd}
.topbar {background:#111111;border-bottom:1px solid var(--line)}
.crumb b {color:#f2f2f2}.crumb span{color:#c50337}
.user-circle {background:#282828;color:#c7c7c7}
.server-indicator {color:#dadada}.pulse {background:var(--turquoise);box-shadow:0 0 0 4px #c503371c}
.content {max-width:1440px}
.page-head h1,.editor-head h1{font-weight:780;letter-spacing:-2.1px}
.accent {color:var(--orange)}
.subtitle {color:#b6b6b6;line-height:1.5}
.primary {background:linear-gradient(145deg,#c50337,#c50337);border-color:#c50337;color:#151515;
  box-shadow:0 8px 27px #c5033724;font-weight:800}
.primary:hover {background:linear-gradient(145deg,#c50337,#c50337)}
.secondary {background:#262626;border-color:#414141;color:#f7f7f7}
.secondary:hover {background:#343434;border-color:#c50337}
.stats {gap:13px}
.stat {background:#191919;border:1px solid #2f2f2f;border-radius:17px;position:relative;overflow:hidden;
  box-shadow:0 10px 35px #0000000c}
.stat:first-child:before {content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#c50337,#c50337)}
.stat:nth-child(2):before {content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#484848}
.stat:nth-child(3):before {content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#c50337}
.stat:nth-child(4):before {content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--turquoise)}
.stat>span {font-size:10px;letter-spacing:.7px;color:#b2b2b2}
.stat strong {font-size:41px;letter-spacing:-2.2px;color:#ffffff;font-variant-numeric:tabular-nums}
.stat:last-child strong {color:#c50337}
.section-heading h2 {font-size:19px}
.project-card {background:#1a1a1a;border:1px solid #313131;border-radius:17px;box-shadow:0 9px 28px #00000015}
.project-card:hover {border-color:#c50337;transform:translateY(-2px)}
.project-art {height:143px;background:radial-gradient(circle at 81% 12%,#c5033755,transparent 46%),
  linear-gradient(132deg,#292929 0%,#222222 46%,#1c1c1c 100%);border-bottom:1px solid #323232}
.project-card:nth-child(3n+2) .project-art {background:radial-gradient(circle at 85% 20%,#c503372a,transparent 49%),
  linear-gradient(132deg,#2a2a2a,#1a1a1a 70%)}
.project-card:nth-child(3n) .project-art {background:radial-gradient(circle at 81% 10%,#c5033726,transparent 50%),
  linear-gradient(132deg,#242424,#181818)}
.project-art .big-icon {color:#cacaca!important;font-size:54px!important;font-weight:780!important}
.project-card:nth-child(3n+2) .project-art .big-icon {color:#d0d0d0!important}
.project-body {padding:20px}
.project-name {font-weight:750}.project-domain {color:#b0b0b0}
.project-footer button {color:#c50337;font-weight:800}.project-footer button:hover {color:#d9d9d9}
.published {background:#2c2c2c;color:#cecece;border:1px solid #c50337}
.draft-badge {background:#2c2c2c;color:#d7d7d7;border-color:#c50337}
.empty-state {border-color:#444444;background:#161616}
.back-link {color:#c0c0c0}
.tab.active {color:#cacaca;border-color:var(--orange)}
.tab:hover {color:#f7f7f7}
.editor-panel,.preview-panel {background:#1a1a1a;border:1px solid #333333;border-radius:16px}
.panel-heading p,.hint {color:#acacac}
label {color:#f1f1f1}
label input,label textarea,label select {background:#252525;border:1px solid #444444;color:#ffffff;border-radius:10px;min-height:45px}
label input:focus,label textarea:focus,label select:focus {border-color:var(--orange);box-shadow:0 0 0 3px #c5033724}
.item-edit,.lead-row {background:#202020;border:1px solid #363636}
.preview-panel iframe {border-color:#4a4a4a}
.notice {background:#282828;color:#e5e5e5;border:1px solid #c50337}
.upload-card {border-color:#c50337;background:#1f1f1f}
.upload-card:hover {border-color:var(--orange)}
.auth-screen {background:radial-gradient(ellipse 60% 46% at 50% -10%,#c5033730,transparent 85%),#0d0d0d}
.auth-card {background:#191919;border-color:#383838;border-radius:22px;box-shadow:0 35px 100px #000000aa}
.auth-card .eyebrow {color:#c7c7c7}
.auth-card>p {color:#b2b2b2}
.login-code {border-color:#434343;background:#131313}
.login-code code {color:#d7d7d7}.login-code button {color:#c50337}
.modal {background:#1e1e1e;border:1px solid #434343}
.toast {background:#282828;border-color:#c50337}
.toast.error {background:#2a2a2a;border-color:#c50337}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline:2px solid #c50337;outline-offset:3px}
::selection {background:#c50337;color:#111111}
/* Telegram Mini App: safe-area, compact controls, and native mobile scrolling */
body.tg-miniapp .sidebar {padding-top:max(24px,env(safe-area-inset-top))}
body.tg-miniapp .content {padding-bottom:max(36px,env(safe-area-inset-bottom))}
body.tg-miniapp .auth-screen {min-height:100dvh}
@media(max-width:830px) {
  .sidebar {width:260px;left:-270px;box-shadow:26px 0 70px #00000099}
  .topbar {height:62px}
  .content {padding:26px 19px}
  .mobile-menu {color:var(--orange)}
}
@media(max-width:580px) {
  .stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:24px 0 29px}
  .stat {padding:16px;min-height:117px}.stat strong {font-size:33px}
  .project-grid {grid-template-columns:minmax(0,1fr)}
  .project-art {height:125px}
  .page-head h1,.editor-head h1 {font-size:clamp(32px,9vw,42px)}
  .editor-actions {gap:7px}.editor-actions button {flex:1 1 auto}
  .auth-card {padding:32px 24px}.auth-card h1 {font-size:38px}
  .topbar .userbadge {display:none}
  .editor-panel {padding:17px}
}
@media(prefers-reduced-motion:reduce) {*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Site Control 1.3 — managed remote servers */
.server-setup,.server-card{background:#191919;border:1px solid #323232;border-radius:18px;padding:22px;margin:12px 0 22px}
.server-setup h2{font-size:22px;margin:0 0 8px}
.server-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:15px;align-items:start}
.server-card{margin:0;min-width:0}
.server-card-head{display:flex;justify-content:space-between;gap:8px;align-items:start;margin-bottom:15px}
.server-card-head strong{display:block;font-size:18px;overflow-wrap:anywhere}
.server-card-head small{display:block;color:#a6a6a6;margin-top:5px;overflow-wrap:anywhere}
.server-actions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.server-actions button{border:1px solid #434343;background:#282828;border-radius:10px;color:#eeeeee;padding:8px 11px;cursor:pointer}
.server-actions button:hover{border-color:#c50337}
.ssh-output{white-space:pre-wrap;overflow-wrap:anywhere;background:#0a0a0a;border:1px solid #323232;color:#ececec;border-radius:12px;min-height:75px;max-height:360px;overflow:auto;padding:13px;font:12px/1.5 ui-monospace,monospace}
.server-card label{margin-bottom:10px}
@media(max-width:600px){.server-setup,.server-card{padding:15px}.server-list{grid-template-columns:1fr}}

/* v1.4: compact administrators screen */
.admin-panel{max-width:820px;background:#1a1a1a;border:1px solid #383838;border-radius:18px;padding:24px}
.admin-list{display:flex;flex-direction:column;gap:10px;margin:16px 0 26px}
.admin-member{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#222222;border:1px solid #383838;border-radius:13px;padding:13px 14px}
.admin-identity{display:flex;align-items:center;gap:12px;min-width:0;overflow-wrap:anywhere}
.admin-identity strong{display:block;font-weight:720;font-size:14px}
.admin-identity small{display:block;color:#b3b3b3;margin-top:4px;font-size:12px}
.admin-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#282828;color:#c50337;font-weight:800;flex-shrink:0}
.admin-remove{white-space:nowrap;font-size:13px;min-height:38px;padding:8px 13px}
.admin-add-form{display:flex;align-items:end;gap:12px;padding-top:10px;border-top:1px solid #383838}
.admin-add-form label{flex:1;min-width:0}.admin-add-form button{min-height:45px;white-space:nowrap}
@media(max-width:560px){.admin-panel{padding:15px}.admin-add-form{flex-direction:column;align-items:stretch}.admin-member{padding:11px}.admin-identity strong{font-size:12px}.admin-remove{font-size:12px;padding:7px 9px}}
/* v1.5 project workspace: aligned button-centered tabs */
.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:24px 0 20px;background:#1a1a1a;padding:7px;border:1px solid #323232;border-radius:16px}
.tabs>.tab{min-width:0;min-height:44px;padding:10px 5px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid transparent;border-radius:10px;background:transparent;color:#b0b0b0;font:inherit;font-size:13px;font-weight:700;cursor:pointer;line-height:1.2}
.tabs>.tab.active{background:#c50337;color:#111111;box-shadow:0 4px 14px #c5033733;border-color:#c50337}
.tabs>.tab:hover:not(.active){background:#2c2c2c;color:#ffffff}
.work-panel{background:#1b1b1b;border:1px solid #343434;padding:26px;border-radius:17px;margin:18px 0 24px;min-width:0}
.work-panel h2{font-size:21px;letter-spacing:-.5px;margin:0 0 10px}.work-panel label{display:flex;flex-direction:column;gap:9px;color:#bdbdbd;font-size:12px;font-weight:600;margin:10px 0 16px;min-width:0}
.work-panel input,.work-panel select,.work-panel textarea{width:100%;min-width:0;box-sizing:border-box;background:#131313;color:#ffffff;border:1px solid #3c3c3c;border-radius:10px;padding:13px;font-size:16px}
.work-panel .primary{margin:8px 0 12px}.work-panel p{line-height:1.6}
.stack-list{display:grid;gap:12px;margin-top:14px}.stack-card{padding:18px;border-radius:14px;background:#232323;border:1px solid #393939;display:flex;gap:14px;align-items:center;justify-content:space-between;min-width:0;flex-wrap:wrap}.stack-card strong{font-size:14px;overflow-wrap:anywhere}.stack-card small{display:block;color:#b0b0b0;margin-top:7px;overflow-wrap:anywhere}.stack-buttons{display:flex;flex-wrap:wrap;gap:8px}.stack-buttons button,.stack-buttons a{font-size:12px;text-decoration:none;padding:10px 13px;text-align:center;border-radius:9px;color:white;border:1px solid #575757;background:#2d2d2d}.stack-buttons button:hover,.stack-buttons a:hover{border-color:#c50337}.stack-buttons button.emph{background:#c50337;color:#111111;border-color:#c50337;font-weight:800}
.command-grid,.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.command-grid button,.download-grid a,.download-grid button{padding:12px 7px;min-height:47px;text-decoration:none;text-align:center;display:flex;justify-content:center;align-items:center;background:#2b2b2b;color:#e5e5e5;border:1px solid #414141;border-radius:10px;font-size:12px;font-weight:650;cursor:pointer}.terminal{min-height:210px;max-height:460px;overflow:auto;background:#0a0a0a;color:#cccccc;border:1px solid #393939;padding:20px;border-radius:12px;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:18px}.scope-tag{background:#2f2f2f;color:#c9c9c9;border:1px solid #c50337;border-radius:12px;padding:12px 15px;font-size:12px;white-space:nowrap}.inline-controls{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.inline-controls label{flex:1;min-width:160px}.form-grid>label{min-width:0}.project-card{cursor:pointer}.project-card:focus-visible{outline:2px solid #c50337;outline-offset:3px}
[hidden]{display:none!important}
@media(max-width:650px){.tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.tabs>.tab{font-size:11px;min-height:44px}.work-panel{padding:17px}.download-grid,.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-card{align-items:flex-start}.stack-buttons{width:100%}.stack-buttons button,.stack-buttons a{flex:1}.inline-controls{display:block}}
#viewWorkspace>.page-head{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
#viewWorkspace>.page-head>div:first-child{flex:1 1 260px;min-width:0}
#viewWorkspace>.page-head .subtitle{line-height:1.5;margin-bottom:8px}
#viewWorkspace .scope-tag{display:inline-flex;align-items:center;min-height:38px}
.project-card .project-body{padding-bottom:17px}
.project-card>.accent{display:inline-block;margin:0 20px 19px}
@media(max-width:650px){#viewWorkspace>.page-head{display:block}#viewWorkspace>.page-head .subtitle{margin:10px 0 16px}#viewWorkspace .scope-tag{display:inline-flex;margin:0 0 2px}}

/* Site Control 1.6 — monochrome product workspace, based on supplied references */
:root{--bg:#0b0b0b;--sidebar:#0e0e0e;--card:#161616;--input:#1e1e1e;--line:#2e2e2e;--muted:#a8a8a8;--text:#f7f7f7;--purple:#f6f6f6;--bright:#f6f6f6;--orange:#f6f6f6;--orange-strong:#e4e4e4;--turquoise:#b9b9b9;--success:#b9b9b9}
html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:#0b0b0b}
.app{background:radial-gradient(ellipse 70% 50% at 95% -24%,#33333328,transparent 77%),var(--bg)}
.sidebar,.topbar{background:#101010;border-color:#292929}.brand{display:flex;align-items:center;gap:12px;padding-bottom:34px}.brand-logo{width:36px;height:36px;flex:none;object-fit:cover;border-radius:11px;border:1px solid #333333;background:black}.brand-logo.large{width:58px;height:58px;border-radius:16px;display:block;margin-bottom:15px}
.brand strong{font-size:13px;font-weight:790;letter-spacing:.9px}.brand small{letter-spacing:1px;font-size:9px}
.nav{border-radius:10px;transition:background-color .18s ease,color .18s ease;border-color:transparent;color:#b8b8b8}
.nav.active{background:#272727;border-color:#383838;box-shadow:inset 2px 0 #fafafa}.nav:hover{background:#272727}.nav-icon{color:#b6b6b6}
.page-head h1{letter-spacing:-1.7px;font-weight:750}.accent{color:#f3f3f3}
.primary{background:#f6f6f6!important;color:#121212!important;border:1px solid #ffffff!important;box-shadow:0 6px 24px #ffffff0b!important;font-weight:760!important}.primary:hover{background:#e0e0e0!important}.secondary{background:#202020;border:1px solid #393939;color:#f3f3f3}.secondary:hover{background:#2d2d2d;border-color:#c50337}
.stats{gap:12px}.stat{background:linear-gradient(145deg,#1e1e1e,#151515);border:1px solid #303030;box-shadow:0 10px 25px #00000022}.stat::before{background:#c50337!important;height:2px!important}.stat:last-child strong{color:#f9f9f9}
.project-card{background:#191919;border-color:#373737;box-shadow:0 12px 32px #00000022}.project-card:hover{border-color:#b0b0b0}.project-art,.project-card:nth-child(3n+2) .project-art,.project-card:nth-child(3n) .project-art{background:radial-gradient(circle at 76% 25%,#c5033738,transparent 48%),linear-gradient(133deg,#2c2c2c,#161616 85%);border-color:#363636}
.project-art .big-icon,.project-card:nth-child(3n+2) .project-art .big-icon{color:white!important}.project-footer button,.back-link{color:#e1e1e1}.published{background:#343434;border-color:#434343;color:#dedede}
.tabs{background:#141414!important;border-color:#303030!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:7px}
.tabs>.tab{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;width:100%;line-height:1.2;padding:10px 4px;box-sizing:border-box;margin:0}
.tabs>.tab.active{background:#e8e8e8;color:#151515;border-color:#e8e8e8;box-shadow:none}.tabs>.tab:hover:not(.active){background:#2b2b2b}
.work-panel{background:#1a1a1a;border:1px solid #343434;box-shadow:0 12px 30px #00000022}.work-panel input,.work-panel select,.work-panel textarea{background:#111111;border-color:#3a3a3a;color:#f4f4f4}.work-panel input:focus,.work-panel select:focus,.work-panel textarea:focus{border-color:#cfcfcf;box-shadow:0 0 0 3px #c4c4c420}
.auth-card{background:#1c1c1c;border-color:#404040}.auth-screen{background:radial-gradient(ellipse 60% 50% at 55% -8%,#c503371b,transparent 78%),#0c0c0c}.auth-card .eyebrow{color:#d8d8d8}.login-code code{color:#f4f4f4}.toast{background:#2e2e2e;border-color:#c50337}.toast.error{background:#282828;border-color:#c50337}
.scope-tag{background:#272727;color:#e8e8e8;border:1px solid #434343}.project-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.compact{font-size:12px!important;min-height:35px!important;padding:7px 13px!important;width:auto!important;align-self:center;white-space:nowrap}.danger-button{border-color:#3e3e3e!important;color:#cdcdcd!important}.danger-button:hover{background:#2c2c2c!important}
.admin-add-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;max-width:440px;margin-top:22px}.admin-add-row label{flex:1 1 210px;margin:0}.admin-add-row button{flex:0 0 auto;margin:0 0 1px!important}
.archive-section{margin:24px 0 40px;background:#151515;border:1px solid #303030;border-radius:14px;padding:18px}.archive-section summary{cursor:pointer;font-weight:650;color:#cdcdcd}.archive-section .stack-list{margin-top:17px}
.log-switch{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.log-switch button{flex:0 1 auto}.log-viewer{min-height:230px;max-height:420px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px!important;line-height:1.65!important;background:#0c0c0c!important;border:1px solid #3e3e3e!important;color:#e7e7e7!important;padding:18px!important;border-radius:12px}.log-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}
.invalid-field,.work-panel .invalid-field,.modal .invalid-field{border-color:#c50337!important;box-shadow:0 0 0 3px #c5033726!important;background:#1c1c1c!important}
.wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0}.wizard-steps>div{background:#232323;border:1px solid #3b3b3b;padding:13px;border-radius:12px;display:flex;gap:10px;align-items:center;color:#d0d0d0;font-size:12px}.wizard-steps b{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#f1f1f1;color:#181818;font-size:14px;flex:none}
.text-action{background:none;border:0;color:#ececec;text-decoration:underline;cursor:pointer;font:inherit;font-weight:650}
.faq-grid{display:grid;grid-template-columns:1fr;gap:13px;max-width:960px}.faq-card{border:1px solid #393939;background:#1a1a1a;border-radius:15px;padding:21px 24px;color:#bfbfbf;line-height:1.75}.faq-card[open]{background:#1e1e1e}.faq-card summary{font-size:16px;font-weight:750;color:#f3f3f3;cursor:pointer}.faq-card summary::marker{color:#a7a7a7}.faq-card ol{padding-left:26px;margin:14px 0}.faq-card li{padding-bottom:8px}.faq-card p{font-size:13px}.faq-card code{padding:3px 6px;background:#0d0d0d;border:1px solid #393939;border-radius:5px;color:#f3f3f3;font-size:12px;overflow-wrap:anywhere}
.pulse{background:#e0e0e0;box-shadow:0 0 0 0 #e0e0e0a1;animation:sitepulse 2.5s ease-in-out infinite}@keyframes sitepulse{0%,100%{box-shadow:0 0 0 0 #e0e0e025;opacity:.8}50%{box-shadow:0 0 0 6px #e0e0e000;opacity:1}}
.stat{animation:riseIn .32s ease both}@keyframes riseIn{from{opacity:.7;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #e1e1e1;outline-offset:2px}
@media(max-width:850px){.wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(88px,1fr));gap:5px}.tabs>.tab{font-size:12px}}
@media(max-width:580px){.faq-card{padding:17px}.wizard-steps{grid-template-columns:1fr 1fr}.wizard-steps>div{font-size:11px;padding:9px}.project-actions{margin-top:12px}.log-switch button{flex:1 1 44%}.log-actions button{flex:1}.page-head .project-actions{justify-content:flex-start}.admin-add-row{display:flex}.admin-add-row button{flex:0 0 auto!important}.topbar .userbadge{max-width:85px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* final visual QA refinements */
.crumb span{color:#c50337!important}.user-circle{background:#303030!important;color:#efefef!important}.nav:focus-visible{outline-color:#e6e6e6}.log-switch .secondary:focus{border-color:#e7e7e7}.modal-layer .modal{max-height:90dvh;overflow-y:auto}.sidebar .side-bottom button{display:flex;justify-content:flex-start;align-items:center;text-align:left;min-height:43px;width:100%;box-sizing:border-box}.brand-logo{font-size:0!important}.brand-logo.large{font-size:0!important}
@media(max-width:580px){.tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important}.tabs>.tab{min-height:46px}.tabs>.tab:nth-child(4),.tabs>.tab:nth-child(5){min-width:0}}

/* Site Control v1.7 — monochrome editorial administration interface.
   Inspired by minimal infrastructure dashboards, not decorative neon templates. */
:root{--orange:#f0f0f0!important;--turquoise:#dedede!important;--bg:#0a0a0a!important;--panel:#121212!important;--line:#282828!important;--text:#f1f1f1!important;--muted:#969696!important}
html,body{background:#0a0a0a!important;color:#efefef!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif!important;font-feature-settings:"ss01" on;font-variant-numeric:tabular-nums}
.app{background:#0a0a0a!important}
.sidebar{background:#0e0e0e!important;border-right:1px solid #262626!important;box-shadow:none!important}
.brand{padding-bottom:24px!important;border-bottom:1px solid #272727!important}
.brand strong{font-size:14px!important;letter-spacing:.04em!important;font-weight:740!important}
.brand small{color:#909090!important;font-size:10px!important;letter-spacing:.12em!important}
.nav{font-weight:540!important;font-size:13px!important;letter-spacing:0!important;color:#959595!important;border-radius:10px!important;transition:background .17s ease,color .17s ease,transform .17s ease!important}
.nav:hover{background:#1a1a1a!important;color:#f4f4f4!important;transform:translateX(2px)!important}
.nav.active{background:#ececec!important;color:#111111!important;box-shadow:none!important}
.nav-icon{opacity:.75!important}
.topbar{background:#0a0a0aea!important;border-bottom:1px solid #262626!important;backdrop-filter:blur(12px)!important}
.crumb{color:#9b9b9b!important;font-size:12px!important;letter-spacing:.03em!important}
.userbadge{background:#161616!important;border:1px solid #2e2e2e!important;color:#f2f2f2!important}
.user-circle{background:#f0f0f0!important;color:#111111!important;box-shadow:none!important}
.content{background:#0a0a0a!important}
.page-head{padding-bottom:20px!important}
.page-head h1{font-size:clamp(27px,3.8vw,41px)!important;line-height:1.1!important;letter-spacing:-.055em!important;font-weight:740!important}
.accent{color:#f5f5f5!important}
.eyebrow,.side-label{color:#848484!important;letter-spacing:.13em!important;font-weight:650!important}
.subtitle,.hint{color:#969696!important}
.primary{background:#f0f0f0!important;color:#111111!important;border:1px solid #f0f0f0!important;border-radius:10px!important;font-weight:650!important;box-shadow:none!important;transition:transform .16s ease,background .16s ease!important}
.primary:hover{background:#ffffff!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #ffffff11!important}
.secondary,.compact,.command-grid button,.stack-buttons button{border-radius:9px!important;border:1px solid #363636!important;background:#1a1a1a!important;color:#e6e6e6!important;box-shadow:none!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}
.secondary:hover,.command-grid button:hover,.stack-buttons button:hover{background:#252525!important;border-color:#686868!important;transform:translateY(-1px)!important}
.stats{gap:12px!important}.stat{border:1px solid #2b2b2b!important;background:#151515!important;border-radius:13px!important;box-shadow:none!important;padding:20px!important;min-height:116px!important}
.stat:before,.stat:first-child:before,.stat:nth-child(2):before,.stat:nth-child(3):before,.stat:nth-child(4):before{display:none!important}
.stat>span{color:#919191!important;letter-spacing:.055em!important;font-size:10px!important}
.stat strong,.stat:last-child strong{color:#f5f5f5!important;font-size:34px!important;letter-spacing:-1.5px!important}
.stat small{color:#919191!important}
.project-grid{gap:14px!important}.project-card,.work-panel,.editor-panel,.preview-panel,.stack-card{background:#161616!important;border:1px solid #2d2d2d!important;border-radius:14px!important;box-shadow:none!important}
.project-card{overflow:hidden!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease!important}
.project-card:hover{transform:translateY(-3px)!important;border-color:#8c8c8c!important}
.project-art,.project-card:nth-child(3n+2) .project-art,.project-card:nth-child(3n) .project-art{background:linear-gradient(120deg,#262626,#1a1a1a)!important;height:114px!important;border-bottom:1px solid #323232!important}
.project-art .big-icon,.project-card:nth-child(3n+2) .project-art .big-icon{color:#c5c5c5!important;font-weight:520!important}
.project-body{padding:18px!important}.project-name,.project-body h3{color:#f4f4f4!important}
.project-footer button,.back-link,.tab.active{color:#f4f4f4!important}
.project-footer button:hover{color:white!important}
.published{background:#2e2e2e!important;color:#e1e1e1!important;border-color:#434343!important}
.draft-badge{background:#272727!important;color:#bfbfbf!important;border-color:#3c3c3c!important}
.tabs{border-bottom:1px solid #383838!important;gap:8px!important;align-items:center!important}
.tab{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:43px!important;text-align:center!important;font-size:13px!important;color:#a9a9a9!important;padding:0 15px!important;border-radius:9px 9px 0 0!important}
.tab.active{border-bottom:2px solid #f5f5f5!important;background:#1f1f1f!important}
.tab:hover{color:#ffffff!important;background:#1c1c1c!important}
.work-panel{padding:clamp(15px,2.4vw,26px)!important}
.panel-heading h2,.section-heading h2{font-weight:680!important;letter-spacing:-.025em!important}
label{color:#e2e2e2!important}
label input,label textarea,label select,input[type=file]{background:#121212!important;border:1px solid #3a3a3a!important;color:#eeeeee!important;border-radius:10px!important}
label input:focus,label textarea:focus,label select:focus{border-color:#b8b8b8!important;box-shadow:0 0 0 3px #eeeeee15!important}
.invalid-field{border:1px solid #c50337!important;box-shadow:0 0 0 2px #c5033720!important}
.terminal{background:#0c0c0c!important;border:1px solid #323232!important;color:#d1d1d1!important;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace!important;font-size:12px!important;line-height:1.7!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
.log-viewer{max-height:min(62vh,580px)!important;min-height:250px!important;overflow-y:auto!important}
.log-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 -1px;padding:11px 15px;background:#1f1f1f;border:1px solid #323232;border-radius:10px 10px 0 0;color:#a6a6a6;font-size:10px;font-weight:650;letter-spacing:.09em}
.log-meta+.terminal{border-radius:0 0 10px 10px!important}.log-timezone{color:#e1e1e1}.live-dot{width:6px;height:6px;flex:none;border-radius:100%;background:#bcbcbc;box-shadow:0 0 0 3px #bcbcbc12;animation:softStatus 3s ease-in-out infinite}
@keyframes softStatus{0%,100%{opacity:1}50%{opacity:.55}}
.auth-screen{background:#090909!important}.auth-card{background:#151515!important;border:1px solid #323232!important;border-radius:16px!important;box-shadow:0 30px 80px #00000066!important}
.auth-card .eyebrow,.login-code code{color:#e7e7e7!important}.auth-card>p{color:#b0b0b0!important}
.login-code{background:#0e0e0e!important;border-color:#333333!important}
.toast{background:#272727!important;color:#f5f5f5!important;border-color:#4d4d4d!important}
.toast.error{background:#262626!important;border-color:#c50337!important}
.notice{background:#1f1f1f!important;border-color:#414141!important;color:#e5e5e5!important}
.upload-card{background:#161616!important;border:1px dashed #5c5c5c!important}.upload-card:hover{border-color:#dbdbdb!important}
.brand-logo{border-radius:10px!important;object-fit:cover!important}
.view:not([hidden]){animation:appear .22s ease both}@keyframes appear{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.stat{padding:15px!important;min-height:100px!important}.stat strong{font-size:29px!important}.project-art{height:95px!important}.log-timezone{font-size:8px}.nav:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none!important}.view:not([hidden]){animation:none!important}.nav,.project-card,.secondary,.primary{transition:none!important}}
/* Compact single-row project sections on narrow phones. */
@media(max-width:620px){
  #projectTabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;gap:2px!important;border:1px solid #323232!important;border-radius:12px!important;background:#131313!important;padding:4px!important}
  #projectTabs::-webkit-scrollbar{display:none!important}
  #projectTabs .tab{flex:0 0 auto!important;min-height:38px!important;padding:0 12px!important;font-size:12px!important;border:0!important;border-radius:8px!important;white-space:nowrap!important}
  #projectTabs .tab.active{background:#323232!important;color:white!important;border:0!important}
}

/* Site Control 1.8 — custom monochrome studio UI. The layout is intentionally
   surface-led, with no ornamental outlines and with reduced-motion fallbacks. */
:root{--bg:#090909;--sidebar:#0e0e0e;--card:#161616;--input:#1e1e1e;--line:#272727;--muted:#959595;--text:#f7f7f7;--purple:#ffffff;--bright:#f5f5f5;--orange:#f7f7f7;--success:#b9b9b9}
html{scroll-behavior:smooth}
html,body{background:var(--bg)!important;color:var(--text)!important;font-family:Inter,"SF Pro Display","Segoe UI",system-ui,sans-serif!important;letter-spacing:-.012em}
.app{background:#090909!important}
.sidebar{background:var(--sidebar)!important;border-right:1px solid #ffffff0c!important;padding:27px 14px 18px!important;width:242px!important}
.brand{padding:7px 13px 42px!important}.brand strong{font-size:13px!important;letter-spacing:.12em!important;font-weight:750!important}.brand small{font-size:9px!important;letter-spacing:.21em!important;color:#848484!important}
.brand-logo{background:#090909!important;border:0!important;border-radius:14px!important;box-shadow:0 0 0 1px #ffffff12!important}
.side-label{color:#646464!important;font-size:9px!important;letter-spacing:.14em!important;margin-top:11px!important}
.nav{font-weight:560!important;font-size:13px!important;color:#9c9c9c!important;margin:3px 0!important;min-height:46px!important;padding:13px 15px!important;border:none!important;border-radius:11px!important;transition:background .18s ease,color .18s ease,transform .2s ease!important}
.nav:hover{background:#212121!important;color:#ffffff!important;transform:translateX(2px)!important}
.nav.active{background:#f1f1f1!important;color:#111111!important;box-shadow:none!important}
.nav.active .nav-icon{color:#161616!important;opacity:1!important}
.nav-icon{color:inherit!important;font-size:16px!important}
.side-bottom{padding:0 10px!important;border:0!important}
.topbar{background:#090909cc!important;border:0!important;border-bottom:1px solid #ffffff0b!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);height:74px!important;padding:0 34px!important}
.crumb{letter-spacing:.06em!important;color:#6a6a6a!important}.crumb b{color:#d6d6d6!important}
.user-circle{background:#2c2c2c!important;color:#e9e9e9!important;border-radius:12px!important}
.content{padding:46px 40px 80px!important;max-width:1490px!important}
.page-head{margin-bottom:32px!important;align-items:flex-end!important}.page-head h1{font-size:clamp(35px,4.4vw,62px)!important;font-weight:650!important;letter-spacing:-.055em!important;line-height:1.08!important;margin:8px 0 12px!important}
.eyebrow{color:#818181!important;font-size:10px!important;letter-spacing:.17em!important;font-weight:650!important}
.subtitle{font-size:13px!important;color:#999999!important;line-height:1.65!important;max-width:670px}
.section-heading h2{font-size:19px!important;letter-spacing:-.035em!important;font-weight:620!important}
.accent{color:#ffffff!important}
.primary,.secondary,.compact{border-radius:11px!important;min-height:41px!important;box-shadow:none!important;font-weight:630!important;letter-spacing:-.01em!important;padding:10px 16px!important}
.primary{background:#f4f4f4!important;color:#161616!important;border:0!important}
.primary:hover{background:#ffffff!important;box-shadow:0 5px 22px #ffffff18!important;transform:translateY(-1px)!important}
.secondary,.compact{background:#2a2a2a!important;color:#eaeaea!important;border:0!important}
.secondary:hover,.compact:hover{background:#383838!important;border-color:transparent!important;transform:translateY(-1px)!important}
.stats{margin:40px 0 42px!important;gap:12px!important}
.stat{min-height:142px!important;background:#161616!important;border:0!important;border-radius:18px!important;padding:25px 24px!important;box-shadow:none!important;animation:scCardIn .45s cubic-bezier(.2,.8,.2,1) both!important}
.stat:nth-child(2){animation-delay:.055s!important}.stat:nth-child(3){animation-delay:.11s!important}.stat:nth-child(4){animation-delay:.165s!important}
.stat:before,.stat:after{display:none!important}.stat>span{color:#888888!important;font-weight:550!important;letter-spacing:.07em!important;font-size:9px!important}.stat strong{font-size:42px!important;font-weight:550!important;letter-spacing:-.07em!important;color:#f5f5f5!important}.stat small{color:#6b6b6b!important;font-weight:510!important}
.project-grid{gap:14px!important}.project-card{background:#161616!important;border:0!important;border-radius:20px!important;box-shadow:none!important;position:relative!important;outline:none!important;overflow:hidden!important;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s ease,box-shadow .2s ease!important}
.project-card:hover{background:#202020!important;box-shadow:0 16px 40px #00000077!important;transform:translateY(-4px)!important}
.project-card:focus-visible{outline:2px solid #c4c4c4!important;outline-offset:3px!important}
.project-card.holding{transform:scale(.978)!important;background:#2c2c2c!important}
.project-art,.project-card:nth-child(3n+2) .project-art,.project-card:nth-child(3n) .project-art{height:136px!important;background:radial-gradient(circle at 80% -30%,#58585844 0,transparent 46%),linear-gradient(133deg,#262626,#1b1b1b)!important;border:0!important;position:relative}
.project-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(140deg,transparent 0,transparent 38px,#ffffff05 39px,#ffffff05 40px);pointer-events:none}
.project-art .big-icon{font-size:65px!important;font-weight:410!important;letter-spacing:-.08em!important;color:#f3f3f3!important;opacity:.92}
.published{border:0!important;color:#c7c7c7!important;background:#363636!important;border-radius:8px!important;font-size:9px!important;letter-spacing:.07em!important}
.project-body{padding:21px 20px 12px!important}.project-body h3{margin:0 0 5px;font-weight:630;font-size:18px;letter-spacing:-.03em}.project-body p{color:#888888;font-size:12px}.project-body small{color:#8d8d8d;font-size:11px}
.project-card>.accent{display:inline-flex!important;color:#dcdcdc!important;margin:6px 21px 21px!important;font-size:12px!important}
.project-quick-delete{position:absolute;right:13px;bottom:12px;width:34px;height:34px;border:0;border-radius:10px;background:#ffffff09;color:#b6b6b6;font-size:21px;line-height:1;display:grid;place-items:center;opacity:.65;transition:opacity .2s ease,background .2s ease;z-index:2}
.project-quick-delete:hover,.project-quick-delete:focus-visible{background:#ffffff20;color:#ffffff;opacity:1}
.empty-state{background:#141414!important;border:0!important;border-radius:18px!important}
.work-panel,.editor-panel,.preview-panel,.stack-card,.faq-card,.admin-panel,.server-card{background:#171717!important;border:0!important;border-radius:18px!important;box-shadow:none!important}
.work-panel{padding:27px!important}.stack-card{padding:18px!important;background:#1e1e1e!important}.stack-list{gap:9px!important}
.tabs{padding:5px!important;background:#181818!important;border:0!important;border-radius:13px!important;gap:4px!important;align-items:stretch!important;margin:24px 0!important;box-shadow:none!important}
.tabs>.tab{border:0!important;min-height:46px!important;border-radius:10px!important;color:#9b9b9b!important;font-weight:590!important;padding:10px 6px!important;transition:background .17s ease,color .17s ease!important}
.tabs>.tab.active{background:#f0f0f0!important;color:#121212!important}
.tabs>.tab:hover:not(.active){background:#292929!important;color:#eeeeee!important}
.panel-heading h2{font-weight:630!important;letter-spacing:-.036em!important}.panel-separator{border-color:#ffffff0a!important}
label{color:#b5b5b5!important;font-weight:550!important}label input,label select,label textarea,.work-panel input,.work-panel select,.work-panel textarea{background:#232323!important;border:1px solid transparent!important;border-radius:11px!important;color:#efefef!important;font-size:16px!important;min-height:45px!important}
label input:focus,label select:focus,label textarea:focus,.work-panel input:focus,.work-panel select:focus,.work-panel textarea:focus{border-color:#979797!important;box-shadow:0 0 0 3px #e9e9e912!important}
.invalid-field{border:2px solid #c50337!important;box-shadow:0 0 0 3px #c503371a!important}
.terminal,.log-output{border:0!important;background:#0c0c0c!important;border-radius:14px!important;color:#e3e3e3!important}
.command-grid button,.download-grid a,.download-grid button{border:0!important;background:#262626!important;border-radius:11px!important}
.command-grid button:hover,.download-grid a:hover,.download-grid button:hover{background:#353535!important}
.scope-tag{background:#292929!important;border:0!important;color:#c7c7c7!important;border-radius:9px!important}
.admin-add-row{max-width:460px!important;gap:9px!important;align-items:flex-end!important}.admin-add-row label{flex:1!important}.admin-add-row button{min-height:44px!important;align-self:flex-end!important;padding:9px 16px!important;margin-bottom:1px!important}
#platformUpdater{background:linear-gradient(135deg,#222222,#161616 60%)!important;padding:30px!important}
.platform-update-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end;margin:18px 0 8px}.platform-update-grid>label{min-width:0;display:flex;flex-direction:column;gap:8px}
.platform-update-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:17px 0}.live-status{font-size:12px;color:#afafaf;padding:9px 5px;max-width:100%;overflow-wrap:anywhere}
.server-indicator .pulse{background:#b9b9b9!important;box-shadow:0 0 0 3px #b9b9b916!important}
@keyframes scCardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.view:not([hidden]){animation:scCardIn .25s cubic-bezier(.2,.8,.2,1) both!important}
@media(max-width:1100px){.content{padding:32px 26px 60px!important}.sidebar{width:220px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:850px){.sidebar{position:fixed!important;width:264px!important}.topbar{padding:0 19px!important}.content{padding:27px 19px 70px!important}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:590px){.page-head{align-items:start!important;display:flex!important;flex-direction:column!important}.page-head h1{font-size:38px!important}.stats{margin:26px 0 34px!important}.stat{min-height:116px!important;padding:19px!important}.stat strong{font-size:34px!important}.project-grid{grid-template-columns:1fr!important}.project-card{border-radius:15px!important}.project-art{height:113px!important}.work-panel{padding:19px!important;border-radius:15px!important}.platform-update-grid{grid-template-columns:1fr!important}.platform-update-actions>button{flex:1 1 135px}.tabs{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}.tabs>.tab{flex:1 0 94px!important;font-size:12px!important;min-width:94px!important}.admin-add-row{flex-wrap:nowrap!important}.admin-add-row button{flex:0 0 auto!important;white-space:nowrap!important}.project-quick-delete{opacity:1}.topbar{height:65px!important}.content{padding:22px 16px 64px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(max-width:590px){
  #viewWorkspace>.page-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
  #viewWorkspace>.page-head>div:first-child{flex:0 0 auto!important;min-height:0!important;height:auto!important;width:100%!important}
  #viewWorkspace>.page-head .project-actions{margin-top:2px!important}
  .tabs>.tab{width:auto!important;flex:0 0 112px!important;min-width:112px!important;max-width:140px!important}
}


/* ================================================================
  SITE CONTROL — V1.9 VISUAL SYSTEM
  Purely visual overrides. No routes, selectors IDs, handlers, or API
  behaviors changed. Mobile-first / Telegram Mini App safe.
================================================================ */
:root {
  color-scheme:dark;
  --bg:#0a0a0a; --sidebar:#0e0e0e; --card:#161616; --input:#1a1a1a;
  --line:#2c2c2c; --muted:#979797; --text:#f4f4f4;
  --purple:#c50337; --bright:#c50337; --success:#c50337;
  --sc-ink:#0a0a0a; --sc-panel:#161616; --sc-panel2:#1f1f1f;
  --sc-border:rgba(185,185,185,.115);
  --sc-violet:#c50337; --sc-blue:#c50337; --sc-halo:rgba(197,3,55,.22);
  --sc-radius:19px;
}
html {background:#0a0a0a!important;scroll-behavior:smooth}
body {color:#f4f4f4!important;background:#0a0a0a!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-feature-settings:'tnum' 1,'cv11' 1;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";pointer-events:none;position:fixed;z-index:0;left:16%;right:-22%;top:-390px;height:650px;background:radial-gradient(ellipse at 58% 35%,rgba(197,3,55,.14),transparent 57%);filter:blur(40px)}
::selection{background:#c50337;color:white}
button, input, select, textarea { -webkit-tap-highlight-color:transparent }
button:focus-visible,a:focus-visible,summary:focus-visible,[role="button"]:focus-visible{outline:2px solid #c50337!important;outline-offset:3px!important}
button:disabled{opacity:.46!important;filter:saturate(.5)}
.app{position:relative;isolation:isolate;background:transparent!important}
/* navigation / studio chrome */
.sidebar {background:linear-gradient(165deg,#131313,#0d0d0d 60%,#0b0b0b)!important;border-right:1px solid #ffffff0c!important;width:260px!important;padding:26px 14px 19px!important;box-shadow:12px 0 50px #0707072b!important;z-index:40}
.sidebar::before{content:"";position:absolute;left:0;top:0;right:0;height:210px;background:radial-gradient(circle at 30% 2%,rgba(197,3,55,.09),transparent 70%);pointer-events:none}
.brand{padding:10px 12px 42px!important;gap:12px!important;position:relative}
.brand-logo{border-radius:14px!important;width:40px!important;height:40px!important;object-fit:cover;box-shadow:0 0 0 1px #c5033738,0 0 32px #c5033722;background:#050505}
.brand strong{font-size:13px!important;font-weight:760!important;letter-spacing:.09em!important;color:#f8f8f8!important}
.brand small{color:#c50337!important;letter-spacing:.14em!important;font-size:9px!important;margin-top:6px!important}
.side-group{position:relative}
.side-label{color:#c50337!important;letter-spacing:.13em!important;font-size:10px!important;font-weight:650!important;margin:0 13px 16px!important}
.nav{min-height:46px!important;gap:13px!important;border:1px solid transparent!important;border-radius:12px!important;padding:12px 13px!important;color:#959595!important;line-height:1.25!important;font-size:13px!important;font-weight:570!important;letter-spacing:-.005em!important;transition:background .2s,border-color .2s,color .2s,transform .2s!important}
.nav:hover{background:#ffffff09!important;color:#f5f5f5!important;transform:translateX(2px)}
.nav.active{background:linear-gradient(100deg,rgba(197,3,55,.23),rgba(197,3,55,.1))!important;border:1px solid #c5033736!important;color:#f4f4f4!important;box-shadow:inset 2px 0 #c50337,0 6px 22px #c503371c!important}
.nav-icon{width:19px!important;height:19px!important;display:grid!important;place-items:center!important;color:#c50337!important;flex-shrink:0}
.nav-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.nav.active .nav-icon{color:#b9b9b9!important}
.side-bottom{position:relative;margin-top:auto!important;border-top:1px solid #ffffff10!important;padding:16px 12px 0!important;gap:9px!important}
.side-bottom small{font-size:10px!important;color:#c50337!important;letter-spacing:.08em!important}
.server-indicator{font-size:11px!important;color:#c1c1c1!important;padding:10px 0!important}
.pulse{box-shadow:0 0 0 4px #c5033722,0 0 14px #c5033774!important;animation:scHaloPulse 3.4s ease-in-out infinite}
#logout{border-radius:10px!important;padding:11px 8px!important;color:#c50337!important;font-size:12px!important}
/* header / spacious but information dense */
.main{background:transparent!important;position:relative}
.topbar{height:75px!important;background:rgba(14,14,14,.75)!important;border-bottom:1px solid rgba(213,213,213,.08)!important;padding:0 36px!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;position:sticky;top:0;z-index:23}
.crumb{font-size:11px!important;letter-spacing:.12em!important;color:#c50337!important;font-weight:570!important}
.crumb b{font-weight:700!important;letter-spacing:.015em!important;color:#e7e7e7!important}
.crumb span{color:#c50337!important}
.userbadge{background:linear-gradient(110deg,#232323,#171717)!important;border:1px solid #ffffff10!important;padding:6px 12px 6px 6px!important;border-radius:50px!important;color:#c7c7c7!important;gap:10px!important;font-size:11px!important}
.user-circle{border-radius:50%!important;width:30px!important;height:30px!important;background:linear-gradient(135deg,#c50337,#c50337)!important;color:#ffffff!important;box-shadow:0 2px 12px #c503375c!important;font-weight:740!important}
.content{max-width:1510px!important;padding:43px clamp(22px,3.2vw,58px) 100px!important;position:relative}
.page-head{align-items:flex-end!important;gap:20px!important;margin-bottom:26px!important}
.eyebrow,.side-label{font-size:10px!important;font-weight:700!important;letter-spacing:.18em!important;color:#c50337!important}
.page-head h1{font-size:clamp(34px,4.2vw,56px)!important;letter-spacing:-.056em!important;line-height:1.06!important;font-weight:730!important;color:#f8f8f8!important;margin:10px 0 11px!important}
.subtitle{color:#9c9c9c!important;font-size:13px!important;line-height:1.65!important;max-width:660px}
.section-heading{margin:36px 0 17px!important}
.section-heading h2{font-size:20px!important;font-weight:680!important;letter-spacing:-.035em!important;color:#f1f1f1!important}
.section-heading>span{color:#c50337!important;background:#272727!important;border:1px solid #ffffff0c!important;border-radius:9px!important;padding:6px 10px!important;font-size:11px!important}
/* buttons */
.primary,.secondary,.compact{min-height:43px!important;min-width:0;border-radius:11px!important;line-height:1.25!important;padding:11px 17px!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;transition:transform .2s cubic-bezier(.2,.7,.2,1),filter .2s,background .2s,box-shadow .2s,border-color .2s!important}
.primary{background:linear-gradient(115deg,#c50337 0%,#c50337 45%,#c50337 100%)!important;color:#ffffff!important;border:1px solid #c5033765!important;box-shadow:inset 0 1px #ffffff3a,0 7px 20px #c503373d!important}
.primary:hover{background:linear-gradient(115deg,#c50337,#c50337 52%,#c50337)!important;box-shadow:inset 0 1px #ffffff4d,0 10px 30px #c5033759!important;transform:translateY(-2px)!important}
.primary:active,.secondary:active{transform:translateY(0) scale(.976)!important}
.secondary,.compact{background:linear-gradient(#272727,#1f1f1f)!important;border:1px solid #ffffff17!important;color:#e7e7e7!important;box-shadow:inset 0 1px #ffffff09!important}
.secondary:hover,.compact:hover{background:#333333!important;border-color:#c503376b!important;color:#ffffff!important;transform:translateY(-1px)!important}
.text-action,.back-link{color:#b9b9b9!important;transition:color .18s!important}
.text-action:hover,.back-link:hover{color:#dadada!important}
/* metrics: translucent violet visual illumination only, never misleading new data */
.stats{gap:13px!important;margin:29px 0 45px!important}
.stat{position:relative;overflow:hidden;background:linear-gradient(145deg,#1d1d1d,#171717 67%,#161616)!important;border:1px solid #ffffff10!important;border-radius:18px!important;padding:22px 21px!important;min-height:151px!important;box-shadow:inset 0 1px #ffffff0b,0 13px 30px #0303031a!important;transition:transform .26s,box-shadow .26s,border-color .26s!important}
.stat:nth-child(1){background:radial-gradient(ellipse at 12% 115%,#c503375b,transparent 65%),linear-gradient(145deg,#1e1e1e,#181818)!important}
.stat:nth-child(2){background:radial-gradient(ellipse at 110% 15%,#c503372d,transparent 65%),linear-gradient(145deg,#1c1c1c,#171717)!important}
.stat:nth-child(3){background:radial-gradient(ellipse at 120% 105%,#c5033735,transparent 68%),linear-gradient(145deg,#1d1d1d,#161616)!important}
.stat:nth-child(4){background:radial-gradient(ellipse at 5% -10%,#c5033735,transparent 67%),linear-gradient(145deg,#1b1b1b,#161616)!important}
.stat::after{content:"";position:absolute;right:19px;top:19px;height:33px;width:33px;border:1px solid #ffffff1c;border-radius:11px;background:linear-gradient(155deg,#ffffff10,#ffffff01);display:block!important}
.stat:nth-child(1)::after{box-shadow:0 0 25px #c503372e}
.stat::before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#c503377d,transparent);opacity:.55;display:block!important}
.stat:hover{transform:translateY(-4px)!important;border-color:#c5033747!important;box-shadow:0 17px 35px #05050565,0 0 0 1px #ffffff04!important}
.stat>span{font-size:10px!important;color:#b3b3b3!important;letter-spacing:.1em!important;font-weight:650!important;position:relative;z-index:1}
.stat strong{color:#ffffff!important;font-size:43px!important;letter-spacing:-.075em!important;font-weight:650!important;margin:10px 0 5px!important;position:relative;z-index:1}
.stat small{color:#c50337!important;font-size:11px!important;position:relative;z-index:1}
/* client project cards */
.project-grid{gap:16px!important}
.project-card{position:relative!important;overflow:hidden!important;background:linear-gradient(160deg,#1d1d1d,#171717)!important;border:1px solid #ffffff15!important;border-radius:20px!important;box-shadow:0 12px 34px #00000027,inset 0 1px #ffffff0c!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .3s!important}
.project-card::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 90% 4%,#c5033719,transparent 48%);opacity:.75;transition:opacity .3s}
.project-card:hover{transform:translateY(-5px)!important;border-color:#c5033761!important;box-shadow:0 20px 45px #03030377,0 0 0 1px #c5033715!important}
.project-card:hover::before{opacity:1}
.project-art,.project-card:nth-child(3n+2) .project-art,.project-card:nth-child(3n) .project-art{position:relative;height:153px!important;padding:23px!important;overflow:hidden;background:radial-gradient(ellipse at 68% 20%,#c5033761,transparent 67%),linear-gradient(145deg,#252525,#191919)!important;border-bottom:1px solid #ffffff08!important}
.project-card:nth-child(3n+2) .project-art{background:radial-gradient(ellipse at 78% 11%,#c5033755,transparent 61%),linear-gradient(145deg,#292929,#191919)!important}
.project-card:nth-child(3n) .project-art{background:radial-gradient(ellipse at 12% 100%,#c503375a,transparent 65%),linear-gradient(145deg,#232323,#181818)!important}
.project-art::before{content:"";position:absolute;right:-32px;bottom:-122px;width:265px;height:265px;border:1px solid #dddddd1d;border-radius:50%;box-shadow:0 0 0 31px #d7d7d708,0 0 0 66px #d7d7d705}
.project-art::after{background:linear-gradient(120deg,transparent 45%,#ffffff04 50%,transparent 55%)!important;transform:translateX(-80%);transition:transform .75s ease!important}
.project-card:hover .project-art::after{transform:translateX(100%)}
.project-art .big-icon{font-size:66px!important;line-height:1!important;font-weight:550!important;color:#ffffff!important;letter-spacing:-.09em!important;text-shadow:0 10px 40px #c503374f}
.published,.draft-badge{border:1px solid #c5033732!important;background:#3838389e!important;border-radius:9px!important;padding:6px 9px!important;font-size:9px!important;letter-spacing:.07em!important;color:#d7d7d7!important;font-weight:700!important}
.project-body{padding:21px 22px 12px!important;position:relative;z-index:2}
.project-body h3{color:#f4f4f4!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.03em!important}
.project-body p,.project-domain{color:#9b9b9b!important;font-size:12px!important}
.project-body small{color:#c50337!important;font-size:11px!important;line-height:1.65!important}
.project-card>.accent{color:#bfbfbf!important;font-size:12px!important;display:inline-flex!important;margin:10px 22px 24px!important;font-weight:670!important;position:relative;z-index:2}
.project-quick-delete{position:absolute!important;right:17px!important;bottom:17px!important;width:34px!important;height:34px!important;border-radius:11px!important;background:#272727!important;color:#acacac!important;border:1px solid #ffffff12!important;z-index:3}
.project-quick-delete:hover{background:#343434!important;color:white!important}
.archive-section{border:1px solid #ffffff12!important;border-radius:16px!important;background:linear-gradient(140deg,#1a1a1a,#131313)!important;margin-top:23px!important;box-shadow:inset 0 1px #ffffff07!important}
.archive-section summary{color:#c2c2c2!important;font-size:13px!important;padding:19px 21px!important;cursor:pointer}
.empty-state{background:radial-gradient(ellipse at 50% 0,#c5033716,transparent 65%),linear-gradient(#1c1c1c,#141414)!important;border:1px dashed #c5033753!important;border-radius:20px!important;padding:52px 22px!important}
.empty-state h3{color:#ececec!important;font-weight:700!important}
/* workspaces and forms */
.work-panel,.editor-panel,.preview-panel,.admin-panel,.server-card{background:linear-gradient(145deg,#1c1c1c,#161616 72%)!important;border:1px solid var(--sc-border)!important;border-radius:20px!important;box-shadow:inset 0 1px #ffffff09,0 14px 30px #03030326!important}
.work-panel{padding:26px!important;margin-bottom:18px!important}
.panel-heading h2{font-size:21px!important;color:#f2f2f2!important;font-weight:670!important;letter-spacing:-.035em!important}
.panel-heading p,.hint{color:#c50337!important;line-height:1.7!important;font-size:12px!important}
.panel-separator{border-color:#ffffff12!important}
.tabs{display:flex!important;align-items:center!important;background:#181818!important;border:1px solid #ffffff12!important;border-radius:14px!important;padding:5px!important;gap:4px!important;margin:22px 0 24px!important;box-shadow:inset 0 1px #ffffff0a!important}
.tabs>.tab{flex:1 1 0;display:grid!important;place-items:center!important;min-height:45px!important;font-weight:650!important;color:#c50337!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;text-align:center!important;transition:background .23s,color .23s,box-shadow .23s!important}
.tabs>.tab.active{color:#f9f9f9!important;background:linear-gradient(135deg,#c50337,#363636)!important;border:1px solid #c503374d!important;box-shadow:inset 0 1px #ffffff24,0 4px 14px #c503372c!important}
.tabs>.tab:hover:not(.active){color:white!important;background:#ffffff09!important}
.scope-tag{background:#262626!important;color:#c7c7c7!important;border:1px solid #c5033733!important}
label{color:#c5c5c5!important;font-size:12px!important;gap:8px!important;font-weight:620!important}
label input,label textarea,label select,.work-panel input,.work-panel select,.work-panel textarea,.modal input,.modal select,.modal textarea{color:#f3f3f3!important;background:#141414!important;border:1px solid #c5033736!important;border-radius:12px!important;min-height:48px!important;padding:12px 14px!important;transition:border-color .2s,background .2s,box-shadow .2s!important}
label input::placeholder,label textarea::placeholder,.work-panel input::placeholder{color:#c50337!important;opacity:1}
label input:focus,label textarea:focus,label select:focus,.work-panel input:focus,.work-panel select:focus,.work-panel textarea:focus{background:#171717!important;border-color:#c50337!important;box-shadow:0 0 0 3px #c5033724,0 0 25px #c5033710!important}
input[type="file"]{cursor:pointer!important;padding:10px 11px!important;min-height:49px!important;color:#acacac!important}
input[type="file"]::file-selector-button{cursor:pointer;border:1px solid #c5033751;background:#262626;color:#e4e4e4;border-radius:9px;padding:9px 12px;font:inherit;margin-right:12px}
.invalid-field,:user-invalid{border-color:#c50337!important;box-shadow:0 0 0 3px #c5033724!important}
.platform-update-grid{gap:15px!important}
.platform-update-actions{gap:12px!important}
#platformUpdater{background:radial-gradient(ellipse at 100% 0,#c5033725,transparent 52%),linear-gradient(145deg,#1e1e1e,#171717 69%)!important;border:1px solid #c503373b!important;padding:28px!important;box-shadow:inset 0 1px #ffffff16,0 18px 44px #0606063b!important}
.live-status{color:#aeaeae!important}
.stack-list{gap:10px!important}
.stack-card,.bot-row,.history-row,.lead-row{background:#1d1d1d!important;border:1px solid #ffffff10!important;border-radius:14px!important;padding:17px!important;box-shadow:inset 0 1px #ffffff07!important;transition:border-color .2s,background .2s!important}
.stack-card:hover{background:#242424!important;border-color:#c5033737!important}
.stack-card strong{color:#f2f2f2!important}
.stack-card small{color:#9b9b9b!important}
.stack-buttons button,.command-grid button,.download-grid a,.download-grid button{border:1px solid #ffffff16!important;border-radius:10px!important;background:linear-gradient(#2c2c2c,#242424)!important;color:#e7e7e7!important;box-shadow:inset 0 1px #ffffff0a!important;transition:background .2s,border-color .2s!important}
.stack-buttons button:hover,.command-grid button:hover,.download-grid a:hover,.download-grid button:hover{background:#353535!important;border-color:#c5033769!important}
.admin-add-row{max-width:490px!important;display:flex!important;align-items:flex-end!important;gap:12px!important}.admin-add-row label{flex:1!important;min-width:0!important;margin-bottom:0!important}.admin-add-row button{flex:0 0 auto!important;margin-bottom:1px!important;white-space:nowrap!important}
/* technical / logs */
.terminal,.log-output,.log-viewer pre,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.terminal,.log-output{color:#e2e2e2!important;background:#0d0d0d!important;border:1px solid #363636!important;border-radius:15px!important;box-shadow:inset 0 1px 20px #0000005e!important}
.log-switch{background:#1e1e1e!important;border-radius:12px!important}
.wizard-steps{border-color:#ffffff14!important}
.faq-card{background:linear-gradient(135deg,#1c1c1c,#161616)!important;border:1px solid #ffffff11!important;border-radius:14px!important;transition:border-color .2s,background .2s!important}
.faq-card:hover{border-color:#c503374a!important}
.faq-card[open]{background:#1f1f1f!important;border-color:#c5033750!important}
.faq-card summary{color:#f2f2f2!important;font-weight:670!important}
.faq-card p,.faq-card li{color:#b1b1b1!important}
/* overlays / sign in */
.modal-layer{background:rgba(3,3,3,.79)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;z-index:90}
.modal{background:radial-gradient(ellipse at 85% 0,#c5033728,transparent 55%),linear-gradient(145deg,#242424,#171717)!important;border:1px solid #c5033733!important;box-shadow:0 30px 95px #000000aa,inset 0 1px #ffffff17!important;border-radius:23px!important;padding:30px!important;animation:scModalReveal .32s cubic-bezier(.2,.8,.2,1) both!important}
.modal h2{font-weight:720!important;color:#ffffff!important;letter-spacing:-.03em!important}
.icon-button{color:#b2b2b2!important;background:#ffffff0a!important;border-radius:10px!important}
.auth-screen{background:radial-gradient(ellipse at 55% 26%,rgba(197,3,55,.19),transparent 46%),#0a0a0a!important}
.auth-card{background:linear-gradient(145deg,#222222,#161616)!important;border:1px solid #c5033744!important;box-shadow:0 24px 85px #00000077,0 0 90px #c503371a!important;border-radius:24px!important}
.login-code{background:#0f0f0f!important;border:1px solid #ffffff16!important;border-radius:12px!important}
.toast{border-radius:13px!important;background:#2c2c2c!important;color:#f6f6f6!important;border:1px solid #c503375c!important;box-shadow:0 10px 35px #00000088!important}
.toast.error{border-color:#c5033752!important;background:#272727!important}
/* accessibility and motion */
@keyframes scHaloPulse{0%,100%{box-shadow:0 0 0 3px #c503371e,0 0 8px #c503373a}50%{box-shadow:0 0 0 5px #c5033715,0 0 19px #c503377a}}
@keyframes scModalReveal{from{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes scSurfaceReveal{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.view:not([hidden]){animation:scSurfaceReveal .32s cubic-bezier(.22,.9,.3,1) both!important}
@media(min-width:1101px){.stat:first-child{grid-column:auto}}
@media(max-width:1100px){.sidebar{width:224px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.content{padding:32px 26px 70px!important}}
@media(max-width:850px){.sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:min(304px,83vw)!important;height:100dvh!important;z-index:60!important;box-shadow:20px 0 90px #000000cc!important;transition:transform .27s cubic-bezier(.2,.8,.2,1)!important}.sidebar.open{transform:translateX(0)!important}.sidebar:not(.open){transform:translateX(-105%)!important}.topbar{height:67px!important;padding:0 20px!important}.mobile-menu{color:#e9e9e9!important;background:#202020!important;border:1px solid #ffffff18!important;border-radius:11px!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important}.content{padding:28px 20px 75px!important}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:590px){
 body::before{top:-280px;left:-80%;right:-50%;height:550px;opacity:.7}
 .topbar{height:65px!important;padding:0 16px!important;background:#0e0e0ed9!important}
 .crumb{font-size:10px!important;letter-spacing:.065em!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .crumb span{padding:0 8px!important}
 .userbadge{padding:4px!important;border-radius:50%!important;flex-shrink:0}
 .userbadge #adminLabel{display:none!important}
 .user-circle{width:29px!important;height:29px!important}
 .content{padding:26px 15px calc(65px + env(safe-area-inset-bottom,0px))!important}
 .page-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:19px!important;margin-bottom:25px!important}
 .page-head h1{font-size:39px!important;letter-spacing:-.055em!important;margin:9px 0 8px!important}
 .subtitle{font-size:12px!important;line-height:1.65!important;max-width:350px}
 .page-head>.primary,.page-head>button{width:100%!important;justify-content:center!important;min-height:46px!important}
 .stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:27px 0 32px!important}
 .stat{min-height:132px!important;padding:18px 16px!important;border-radius:17px!important}
 .stat::after{right:13px;top:13px;width:27px;height:27px;border-radius:9px}
 .stat>span{font-size:9px!important;line-height:1.55!important;letter-spacing:.055em!important;max-width:85%}
 .stat strong{font-size:36px!important;margin:9px 0 4px!important}
 .stat small{font-size:10px!important}
 .section-heading{margin:28px 0 15px!important}.section-heading h2{font-size:18px!important}
 .project-grid{grid-template-columns:1fr!important;gap:13px!important}
 .project-card{border-radius:19px!important}.project-art{height:132px!important}.project-art .big-icon{font-size:60px!important}
 .project-body{padding:19px 20px 10px!important}.project-card>.accent{margin:7px 20px 22px!important}
 .work-panel{padding:19px!important;border-radius:17px!important}
 #platformUpdater{padding:20px!important}
 .tabs{gap:4px!important;display:flex!important;overflow-x:auto!important;scrollbar-width:none!important;margin:20px -2px 23px!important;padding:4px!important;max-width:calc(100% + 4px)}
 .tabs::-webkit-scrollbar{display:none}
 .tabs>.tab{flex:0 0 auto!important;min-width:95px!important;max-width:none!important;min-height:42px!important;padding:10px 12px!important;font-size:11px!important;white-space:nowrap!important}
 .form-grid,.platform-update-grid{grid-template-columns:1fr!important;gap:7px!important}
 label{margin-bottom:13px!important}
 label input,label textarea,label select,.work-panel input,.work-panel select,.work-panel textarea{font-size:16px!important;min-height:46px!important}
 .platform-update-actions{gap:9px!important}.platform-update-actions>button{flex:1 1 auto!important}
 .admin-add-row{display:flex!important;flex-wrap:wrap!important;align-items:end!important;gap:10px!important}.admin-add-row label{flex:1 1 170px!important}.admin-add-row button{flex:0 0 auto!important;min-height:46px!important}
 .modal-layer{padding:16px!important;align-items:flex-end!important}.modal{border-radius:22px 22px 17px 17px!important;padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px))!important;max-height:calc(93dvh - env(safe-area-inset-top,0px))!important;overflow-y:auto!important;width:100%!important}
 .auth-card{border-radius:19px!important}
 .toast{max-width:calc(100vw - 30px)!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* ===============================================================
   SITE CONTROL 1.10 — COBALT / ICE
   UI-only: existing pages, fields, data and endpoints are untouched.
   One focus cue per field; no decorative metric-square icons.
================================================================ */
:root {
  color-scheme:dark;
  --bg:#0c0c0c!important;
  --sidebar:#101010!important;
  --card:#191919!important;
  --input:#1e1e1e!important;
  --line:#313131!important;
  --muted:#c50337!important;
  --text:#fafafa!important;
  --purple:#f5f5f5!important;
  --bright:#c50337!important;
  --success:#c50337!important;
  --sc-ink:#0c0c0c!important;
  --sc-panel:#1a1a1a!important;
  --sc-panel2:#242424!important;
  --sc-border:rgba(192,192,192,.12)!important;
  --sc-violet:#c50337!important;
  --sc-blue:#c50337!important;
  --sc-halo:rgba(197,3,55,.15)!important;
}
html,body{background:#0c0c0c!important;color:#f9f9f9!important}
body{background:radial-gradient(ellipse 65% 32% at 88% -10%,#36363640,transparent 75%),#0c0c0c!important}
body::before{background:radial-gradient(ellipse 65% 48% at 78% 19%,rgba(197,3,55,.14),transparent 74%)!important;opacity:.85!important}
::selection{background:#c50337!important;color:white!important}
/* Chrome, navigation and identity */
.sidebar{background:linear-gradient(165deg,#141414,#0e0e0e 70%)!important;border-right:1px solid #c5033714!important;box-shadow:15px 0 45px #00000044!important}
.sidebar::before{background:radial-gradient(ellipse at 18% 0,#c503371b,transparent 70%)!important}
.brand-logo{box-shadow:0 0 0 1px #dadada32,0 0 20px #c5033722!important}
.brand small,.crumb,.side-label{color:#c50337!important}
.eyebrow{color:#c50337!important}
.nav{color:#c50337!important;border-color:transparent!important}
.nav:hover{background:#2c2c2c!important;color:#f8f8f8!important}
.nav.active{background:linear-gradient(105deg,#40404052,#2c2c2c58)!important;border-color:#c503373a!important;color:#fbfbfb!important;box-shadow:inset 2px 0 #c50337,0 0 20px #c5033712!important}
.nav.active .nav-icon{color:#c50337!important}
.topbar{background:#111111cc!important;border-bottom:1px solid #c1c1c11a!important}
.crumb b,.brand strong{color:#fbfbfb!important}
.userbadge{background:#202020!important;border:1px solid #bbbbbb1c!important;color:#e2e2e2!important}
.user-circle{background:linear-gradient(135deg,#c50337,#c50337)!important;box-shadow:0 0 16px #c5033729!important}
.mobile-menu{background:#222222!important;border:1px solid #c503372d!important;color:#f6f6f6!important}
#logout:hover{background:#242424!important;color:#f7f7f7!important}
/* Elegant typography and buttons */
.page-head h1,.section-heading h2,.panel-heading h2{color:#fafafa!important}
.page-head h1{letter-spacing:-.055em!important}
.subtitle,.panel-heading p,.hint{color:#c50337!important}
.section-heading>span{background:#262626!important;border-color:#c503372b!important;color:#dedede!important}
.primary{background:linear-gradient(114deg,#c50337 0%,#c50337 40%,#c50337 100%)!important;color:#161616!important;border:1px solid #e2e2e266!important;box-shadow:inset 0 1px #ffffff80,0 7px 23px #c503373c!important}
.primary:hover{background:linear-gradient(114deg,#e6e6e6,#c50337 42%,#c50337)!important;box-shadow:inset 0 1px #ffffffb8,0 10px 34px #c503375c!important}
.primary:disabled{background:#383838!important;color:#c50337!important;box-shadow:none!important}
.secondary,.compact{background:linear-gradient(#313131,#252525)!important;border:1px solid #cbcbcb23!important;color:#f5f5f5!important;box-shadow:inset 0 1px #ffffff0c!important}
.secondary:hover,.compact:hover{background:#3c3c3c!important;border-color:#c5033769!important;color:#ffffff!important}
.text-action,.back-link,.project-card>.accent{color:#d3d3d3!important}
.text-action:hover,.back-link:hover{color:#f2f2f2!important}
button:focus-visible,a:focus-visible,summary:focus-visible,[role="button"]:focus-visible{outline:2px solid #c50337!important;outline-offset:3px!important}
/* Overlays: blur the whole content behind a side drawer, tap outside closes it */
.sidebar-backdrop{display:none;border:0;border-radius:0;padding:0;background:transparent;cursor:default}
@media(max-width:850px){
 .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:55;background:rgba(7,7,7,.55);backdrop-filter:blur(11px) saturate(.75);-webkit-backdrop-filter:blur(11px) saturate(.75);opacity:0;pointer-events:none;transition:opacity .24s ease!important}
 .sidebar.open + .sidebar-backdrop{opacity:1;pointer-events:auto;cursor:pointer}
 .sidebar{z-index:60!important;background:linear-gradient(160deg,#1d1d1d,#131313 72%)!important;box-shadow:20px 0 100px #000000bb!important}
 body.menu-open{overflow:hidden!important}
}
/* Dashboard metrics — remove upper-right fake square glyphs completely */
.stat{background:linear-gradient(145deg,#242424,#181818 75%)!important;border:1px solid #bfbfbf1a!important;box-shadow:inset 0 1px #ffffff0b,0 14px 34px #00000033!important}
.stat:nth-child(1){background:radial-gradient(ellipse at 8% 100%,#c5033732,transparent 69%),linear-gradient(145deg,#2c2c2c,#1a1a1a)!important}
.stat:nth-child(2){background:radial-gradient(ellipse at 103% 0%,#c503372b,transparent 60%),linear-gradient(145deg,#272727,#181818)!important}
.stat:nth-child(3){background:radial-gradient(ellipse at 94% 105%,#c5033729,transparent 65%),linear-gradient(145deg,#252525,#191919)!important}
.stat:nth-child(4){background:radial-gradient(ellipse at 10% 5%,#c5033727,transparent 65%),linear-gradient(145deg,#242424,#171717)!important}
.stat::after{content:none!important;display:none!important;box-shadow:none!important}
.stat::before{background:linear-gradient(90deg,transparent,#c503379c,transparent)!important}
.stat:hover{border-color:#c503375e!important;box-shadow:0 14px 45px #00000055,0 0 30px #c5033716!important}
.stat>span{color:#c8c8c8!important}
.stat strong{color:#ffffff!important}
.stat small{color:#c50337!important}
/* Projects — deep slate surfaces, status badges remain meaningful */
.project-card{background:linear-gradient(153deg,#242424,#181818)!important;border:1px solid #b9b9b925!important;box-shadow:0 12px 34px #00000044,inset 0 1px #ffffff0b!important}
.project-card::before{background:radial-gradient(ellipse at 95% 3%,#c5033718,transparent 53%)!important}
.project-card:hover{border-color:#c5033766!important;box-shadow:0 19px 44px #00000077,0 0 24px #c5033715!important}
.project-art,.project-card:nth-child(3n+2) .project-art,.project-card:nth-child(3n) .project-art{background:radial-gradient(ellipse at 78% 22%,#c5033765,transparent 65%),linear-gradient(146deg,#2b2b2b,#1a1a1a)!important;border-bottom:1px solid #b9b9b91a!important}
.project-card:nth-child(3n+2) .project-art{background:radial-gradient(ellipse at 85% 10%,#c503375d,transparent 62%),linear-gradient(146deg,#2c2c2c,#1e1e1e)!important}
.project-card:nth-child(3n) .project-art{background:radial-gradient(ellipse at 15% 95%,#c5033757,transparent 67%),linear-gradient(146deg,#292929,#1a1a1a)!important}
.project-art::before{border-color:#c5033721!important}
.project-art .big-icon{color:#efefef!important}
.project-card:nth-child(3n+2) .project-art .big-icon{color:#dcdcdc!important}
.project-body h3{color:#fcfcfc!important}
.project-body p,.project-body small{color:#b9b9b9!important}
.published{background:#3e3e3e6e!important;border-color:#c503374d!important;color:#dedede!important}
.project-quick-delete{background:#303030!important;color:#e8e8e8!important;border-color:#c5033729!important}
.project-quick-delete:hover{background:#c50337!important}
.archive-section{background:linear-gradient(145deg,#212121,#171717)!important;border-color:#c5033723!important}
.archive-section summary{color:#e7e7e7!important}
/* Panels, tabs, data lists */
.work-panel,.editor-panel,.preview-panel,.admin-panel,.server-card{background:linear-gradient(146deg,#212121,#181818 72%)!important;border:1px solid #b9b9b91c!important;box-shadow:inset 0 1px #ffffff09,0 11px 30px #00000033!important}
#platformUpdater{background:radial-gradient(ellipse at 105% 0,#c5033722,transparent 58%),linear-gradient(147deg,#242424,#181818 72%)!important;border:1px solid #c5033738!important;box-shadow:0 13px 35px #00000044,inset 0 1px #ffffff14!important}
.tabs{background:#1d1d1d!important;border:1px solid #b9b9b932!important;box-shadow:inset 0 1px #ffffff0b!important}
.tabs>.tab{color:#c50337!important}
.tabs>.tab.active{color:#181818!important;background:linear-gradient(115deg,#dedede,#c50337)!important;border-color:#eaeaea78!important;box-shadow:0 3px 16px #c5033738,inset 0 1px #ffffff85!important}
.tabs>.tab:hover:not(.active){background:#3d3d3d!important;color:#fafafa!important}
.scope-tag{background:#323232!important;color:#e0e0e0!important;border-color:#c5033752!important}
.stack-card,.bot-row,.history-row,.lead-row{background:#242424!important;border-color:#b9b9b91d!important;color:#f3f3f3!important}
.stack-card:hover{background:#303030!important;border-color:#c5033745!important}
.stack-card strong{color:#fbfbfb!important}
.stack-card small{color:#b9b9b9!important}
.stack-buttons button,.command-grid button,.download-grid a,.download-grid button{background:linear-gradient(#333333,#272727)!important;border-color:#c0c0c02c!important;color:#f4f4f4!important}
.stack-buttons button:hover,.command-grid button:hover,.download-grid a:hover,.download-grid button:hover{background:#3e3e3e!important;border-color:#c5033788!important}
.faq-card{background:linear-gradient(140deg,#212121,#181818)!important;border-color:#b9b9b922!important}
.faq-card:hover,.faq-card[open]{background:#292929!important;border-color:#c5033755!important}
.faq-card summary{color:#f9f9f9!important}
.faq-card li,.faq-card p{color:#bcbcbc!important}
.notice{background:#2d2d2d!important;color:#e7e7e7!important;border-color:#c503375e!important}
.empty-state{background:radial-gradient(ellipse at 50% 0,#c503371c,transparent 65%),#202020!important;border-color:#c5033766!important}
/* Inputs — ONE visual focus treatment, no additional outline around each field */
:where(#app,#auth,#modal,#denied) input:not([type="checkbox"]):not([type="radio"]),
:where(#app,#auth,#modal,#denied) textarea,
:where(#app,#auth,#modal,#denied) select{
  background:#242424!important;
  border:0!important;
  outline:none!important;
  box-shadow:inset 0 0 0 1px #b9b9b919!important;
  color:#fafafa!important;
  transition:background .16s ease,box-shadow .16s ease!important;
}
:where(#app,#auth,#modal,#denied) input:not([type="checkbox"]):not([type="radio"]):focus,
:where(#app,#auth,#modal,#denied) input:not([type="checkbox"]):not([type="radio"]):focus-visible,
:where(#app,#auth,#modal,#denied) textarea:focus,
:where(#app,#auth,#modal,#denied) textarea:focus-visible,
:where(#app,#auth,#modal,#denied) select:focus,
:where(#app,#auth,#modal,#denied) select:focus-visible{
  background:#2e2e2e!important;
  border:0!important;
  outline:none!important;
  box-shadow:inset 0 -2px 0 #c50337!important;
}
:where(#app,#auth,#modal,#denied) input.invalid-field,
:where(#app,#auth,#modal,#denied) textarea.invalid-field,
:where(#app,#auth,#modal,#denied) select.invalid-field{
  border:0!important;outline:none!important;
  box-shadow:inset 0 -2px 0 #c50337!important;
}
label{color:#cecece!important}
label input::placeholder,label textarea::placeholder{color:#c50337!important}
input[type="file"]::file-selector-button{border:0!important;background:#363636!important;color:#f2f2f2!important;box-shadow:inset 0 0 0 1px #c503373a!important}
input[type="file"]::file-selector-button:hover{background:#c50337!important}
/* Larger, more usable server console with both command editor + response viewport */
#panelServer{max-width:none!important}
#consoleCommand{min-height:130px!important;resize:vertical!important;line-height:1.6!important;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace!important}
#consoleOutput{min-height:400px!important;max-height:66vh!important;overflow:auto!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;padding:21px!important;font:13px/1.72 ui-monospace,SFMono-Regular,Consolas,monospace!important;tab-size:2!important}
.terminal,.log-output{background:#0d0d0d!important;color:#ededed!important;border:1px solid #c503372b!important;border-radius:15px!important;box-shadow:inset 0 8px 18px #00000055!important}
#projectLogOutput{max-height:68vh!important;min-height:240px!important;overflow:auto!important}
/* Modal/auth/toasts */
.modal-layer{background:#090909c9!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.modal{background:radial-gradient(ellipse at 95% 0,#c5033728,transparent 55%),linear-gradient(145deg,#272727,#1a1a1a)!important;border-color:#bebebe40!important;box-shadow:0 30px 100px #000000bb!important}
.auth-screen{background:radial-gradient(ellipse at 55% 18%,#c5033736,transparent 57%),#0c0c0c!important}
.auth-card{background:#222222!important;border-color:#c5033740!important;box-shadow:0 28px 82px #00000099,0 0 70px #c5033718!important}
.toast{background:#313131!important;border-color:#c5033775!important;color:#f7f7f7!important}
.toast.error{background:#272727!important;border-color:#c5033755!important}
/* Mobile spacing tuned for Telegram */
@media(max-width:850px){
 .topbar{background:#151515e9!important}
 .sidebar-backdrop:focus-visible{outline:none!important}
}
@media(max-width:590px){
 body::before{opacity:.5!important}
 .sidebar{padding-top:max(20px,env(safe-area-inset-top))!important}
 .stat{padding:18px 16px!important}
 #consoleCommand{min-height:154px!important}
 #consoleOutput{min-height:330px!important;max-height:61dvh!important;padding:16px!important;font-size:12px!important}
 #panelServer{padding:17px!important}
 .project-art{height:126px!important}
}
@media(prefers-reduced-motion:reduce){.sidebar-backdrop{transition:none!important}}
/* Specificity harmonization for legacy v1.5/v1.9 selectors. */
@media(max-width:850px){
  #sidebar.sidebar{left:0!important;transform:translateX(-105%)!important;width:min(304px,83vw)!important}
  #sidebar.sidebar.open{transform:translateX(0)!important}
}
#projectTabs.tabs>.tab.active{color:#181818!important;background:linear-gradient(115deg,#e2e2e2,#c50337)!important;border:0!important;box-shadow:0 3px 16px #c5033749,inset 0 1px #ffffff85!important}
#projectTabs.tabs>.tab:not(.active){color:#b9b9b9!important;background:transparent!important;border:0!important;box-shadow:none!important}
#projectTabs.tabs>.tab:hover:not(.active){color:#fbfbfb!important;background:#3d3d3d!important}
#viewWorkspace .work-panel input:not([type="checkbox"]):not([type="radio"]),
#viewWorkspace .work-panel textarea,
#viewWorkspace .work-panel select{
 background:#242424!important;border:0!important;outline:none!important;box-shadow:inset 0 0 0 1px #b9b9b919!important;color:#fafafa!important
}
#viewWorkspace .work-panel input:not([type="checkbox"]):not([type="radio"]):focus,
#viewWorkspace .work-panel textarea:focus,
#viewWorkspace .work-panel select:focus,
#viewWorkspace .work-panel input:not([type="checkbox"]):not([type="radio"]):focus-visible,
#viewWorkspace .work-panel textarea:focus-visible,
#viewWorkspace .work-panel select:focus-visible{
 background:#2e2e2e!important;border:0!important;outline:none!important;box-shadow:inset 0 -2px 0 #c50337!important
}
#viewWorkspace .work-panel input.invalid-field,
#viewWorkspace .work-panel textarea.invalid-field,
#viewWorkspace .work-panel select.invalid-field{
 border:0!important;box-shadow:inset 0 -2px 0 #c50337!important
}

/* v1.12: iOS Safari/WebView must not zoom on form focus. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#app input:not([type="checkbox"]):not([type="radio"]),
#app textarea,#app select,
#auth input,#auth textarea,#auth select,
#modal input,#modal textarea,#modal select,
#denied input {font-size:16px!important;line-height:1.4}
#app .work-panel .domain-entry{width:100%;min-width:0}
#app .domain-entry pre{max-width:100%;overflow:auto;white-space:pre;font-size:12px!important}
#app .local-only-preset[hidden],#app [hidden]{display:none!important}
#viewWorkspace .tabs{overflow-x:auto;max-width:100%;scrollbar-width:none}
#viewWorkspace .tabs::-webkit-scrollbar{display:none}

/* v1.14 — explicit root access indication, mobile-first */
.root-controls{margin:12px 0;padding:14px 16px;border-radius:14px;background:rgba(197,3,55,.065);border:1px solid rgba(197,3,55,.18)}
.root-option{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;cursor:pointer;text-align:left}
.root-option>input[type=checkbox]{width:21px;min-width:21px;height:21px;accent-color:#c50337;margin:0}
.root-option span{display:flex;flex-direction:column;gap:5px}
.root-option strong{font-size:14px;color:#ffffff}
.root-option small,.root-controls .hint{font-size:12px;color:#acacac;line-height:1.55}
.root-option input:disabled{opacity:.45}

/* V1.15 — permission editor, mobile-first with no extra navigation layers */
.role-editor{margin-top:22px;padding:20px;background:#161616;border:1px solid #353535;border-radius:20px;display:grid;gap:14px}
.role-editor[hidden],#accessCustom[hidden]{display:none!important}
.role-permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.role-check{display:flex!important;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#212121;color:#f2f2f2;font-size:14px;min-height:48px;cursor:pointer}
.role-check input{width:18px;height:18px;min-width:18px;accent-color:#c50337;flex-shrink:0;box-shadow:none!important;outline:0!important}
.role-editor select{width:100%;min-height:48px;font-size:16px}
@media(max-width:540px){.role-editor{padding:14px;margin-top:15px}.role-permissions{grid-template-columns:1fr}.role-editor .section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.role-editor .stack-buttons{display:flex;flex-wrap:wrap}}
/* V1.15: override legacy blanket label/input rules for permission switches */
.work-panel .role-check{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;min-height:46px!important;padding:10px 12px!important;margin:0!important;text-align:left!important;font-size:13px!important;font-weight:550!important;line-height:1.35!important}
.work-panel .role-check>input[type="checkbox"]{display:block!important;position:static!important;flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;margin:0!important;background:none!important;border:none!important;box-shadow:none!important;accent-color:#c50337!important}
.work-panel .role-check:has(input:checked){background:#2e2e2e!important}

/* v1.16 — compact infrastructure UX + upload status */
.archive-section{padding:0!important;margin:15px 0 26px!important;border-radius:12px!important;overflow:hidden!important}
.archive-section summary{padding:11px 15px!important;min-height:43px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;font-size:13px!important;line-height:1.2!important;list-style:none!important}
.archive-section summary::-webkit-details-marker{display:none}
.archive-section summary:after{content:'⌄';color:#c50337;margin-left:auto;transition:transform .2s}
.archive-section[open] summary:after{transform:rotate(180deg)}
.archive-section>.stack-list{padding:0 12px 12px!important;margin:0!important}
.platform-update-grid .update-file-label{min-width:0}
.update-dropzone{position:relative;min-height:80px;display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:15px;background:linear-gradient(120deg,#282828,#242424)!important;border:1px solid #c5033744!important;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff12;transition:background .2s,border .2s}
.update-dropzone:hover{border-color:#c5033788!important;background:#333333!important}
.update-dropzone:focus-within{border-color:#c50337!important;box-shadow:0 0 0 2px #c5033735!important}
.update-dropzone input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:2!important;font-size:16px!important}
.update-dropzone-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#404040;color:#eaeaea;font-size:24px;line-height:1;font-weight:700}
.update-dropzone-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.update-dropzone-copy strong{font-size:14px;color:#f8f8f8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.update-dropzone-copy small{font-size:12px;line-height:1.4;color:#b9b9b9}
.update-file-state{font-size:11px;font-weight:700;color:#c50337;white-space:nowrap}
.update-dropzone[data-phase="success"]{border-color:#c5033770!important}.update-dropzone[data-phase="success"] .update-dropzone-icon{color:#e2e2e2;background:#3e3e3e}
.update-dropzone[data-phase="error"]{border-color:#c5033777!important}.update-dropzone[data-phase="error"] .update-dropzone-icon{color:#c50337;background:#2f2f2f}
.update-dropzone[data-phase="uploading"] .update-dropzone-icon{animation:sc-spin 1.1s linear infinite}
@keyframes sc-spin{to{transform:rotate(360deg)}}
.update-progress-track{height:4px!important;overflow:hidden;border-radius:10px;background:#343434;margin-top:7px}
.update-progress-track>div{height:100%;width:0%;background:linear-gradient(90deg,#c50337,#c50337);transition:width .15s linear}
#consolePresets button.preset-collapsed{display:none!important}
.preset-more{border:0!important;padding:10px 15px;border-radius:12px;background:#2f2f2f;color:#f1f1f1;font-size:13px;min-height:44px;margin:0 0 14px;display:flex;justify-content:center;align-items:center;gap:12px;width:100%;cursor:pointer}
.preset-more span:first-child{font-size:19px}
.preset-more[hidden]{display:none!important}
#consolePresets button{min-width:0!important;font-size:12px!important;padding:11px 5px!important}
#viewWorkspace .work-panel{min-width:0!important}
#viewWorkspace .work-panel .panel-heading{max-width:100%;overflow-wrap:break-word}
@media(max-width:590px){.update-dropzone{min-height:72px;padding:11px;gap:11px}.update-dropzone-icon{flex-basis:36px;width:36px;height:36px}.update-dropzone-copy small{font-size:11px}.update-file-state{font-size:10px}.archive-section summary{min-height:40px!important}}
@media(prefers-reduced-motion:reduce){.update-dropzone[data-phase="uploading"] .update-dropzone-icon{animation:none}}

/* v1.16 sidebar: remove redundant workspace label and its divider */
.sidebar .side-group{border-top:none!important;padding-top:4px!important}
.sidebar .side-bottom{border-top:none!important}
.sidebar{border-right-color:transparent!important}

/* v1.17 mobile operations: local control, quiet platform & copyable bootstrap */
#platformUpdater {background:#171717 !important;border:1px solid rgba(255,255,255,.055) !important; box-shadow:none !important;}
#platformUpdater .panel-heading::before,#platformUpdater::before {display:none !important;}
#projectScope[hidden] {display:none!important;}
.root-setup {margin-top:14px;padding:16px;background:#191919;border:1px solid rgba(197,3,55,.22);border-radius:15px;}
.root-setup strong {display:block;font-size:15px;color:#f7f7f7;margin-bottom:7px;}
.root-setup p {font-size:13px;line-height:1.55;color:#b8b8b8;margin:8px 0 12px;}
.setup-command {display:block;padding:13px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;color:#f5f5f5;background:#0f0f0f;border-radius:10px;}
.setup-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.setup-actions button {min-height:42px;flex:1 1 130px;}
#consoleCommand,#consoleOutput {font-size:16px !important;}
@media(max-width:500px){.root-setup{padding:12px}.setup-actions button{font-size:13px}}

/* V1.18 — phone-first VPS initialization and per-admin ROOT confirmation. */
.mobile-vps-setup{
  margin:20px 0 22px;padding:18px 18px 12px;
  border:1px solid rgba(197,3,55,.16);border-radius:17px;
  background:linear-gradient(150deg,rgba(43,43,43,.85),rgba(23,23,23,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  min-width:0;max-width:100%;
}
.mobile-vps-setup .section-heading{margin:0 0 12px}
.mobile-vps-setup .section-heading h3{margin:0;font-size:16px;letter-spacing:-.02em;color:#f8f8f8}
.mobile-vps-setup p{line-height:1.65;margin-bottom:16px}
.mobile-vps-setup textarea{max-width:100%;min-width:0;font-size:16px!important;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.mobile-vps-setup ol{padding-left:21px;margin:12px 0 0}
.mobile-vps-setup li{margin-bottom:7px}
.mobile-vps-setup .stack-buttons{display:flex;flex-wrap:wrap;gap:9px}
.mobile-vps-setup .stack-buttons button{min-height:43px;white-space:normal}
.root-confirm-setting{margin:10px 0 14px!important;align-items:flex-start!important}
.root-confirm-setting span{display:flex;flex-direction:column;gap:4px;min-width:0}
.root-confirm-setting small{color:#c50337;font-size:12px;line-height:1.5;font-weight:450}
@media(max-width:540px){
  html{max-width:100%;overflow-x:clip}
  .mobile-vps-setup{padding:15px 13px 12px;margin:16px 0}
  .mobile-vps-setup .stack-buttons button{flex:1 1 120px;font-size:12px}
  #vpsBootstrapCommand{min-height:126px}
}

/* Site Control v1.21 — exact crimson accent, responsive live operations */
:root{--sc-red:#c50337;--purple:#c50337;--bright:#c50337;--danger:#c50337}
::selection{background:#c5033770!important;color:#ffffff!important}
.primary{background:linear-gradient(125deg,#3a3a3a,#c50337 70%,#262626)!important;color:#ffffff!important;border:1px solid #c5033755!important;box-shadow:0 9px 24px #c503372d,inset 0 1px #ffffff2d!important}
.primary:hover{background:linear-gradient(125deg,#c50337,#c50337 80%)!important;box-shadow:0 12px 27px #c503373e!important}
.nav.active{background:linear-gradient(105deg,#c503372d,#21212120)!important;border-color:#c5033735!important;box-shadow:inset 3px 0 #c50337!important}
.nav.active .nav-icon,.eyebrow,.text-action,.back-link,.project-card>.accent{color:#c50337!important}
.tabs>.tab.active,#projectTabs.tabs>.tab.active{background:#c50337!important;color:#ffffff!important;box-shadow:0 4px 15px #c5033733!important;border-color:#c50337!important}
:where(#app,#auth,#modal,#denied) input.invalid-field,:where(#app,#auth,#modal,#denied) textarea.invalid-field,:where(#app,#auth,#modal,#denied) select.invalid-field{box-shadow:inset 0 -2px 0 #c50337!important}
.toast.error{background:#1a1a1a!important;border-color:#c50337a0!important}
.danger-link,.live-server-error,.integration-missing{color:#c50337!important}
.update-dropzone[data-phase="error"]{border-color:#c50337!important}
.update-dropzone[data-phase="error"] .update-dropzone-icon{color:#c50337!important;background:#202020!important}
/* Responsive file manager: single-column on phones, editors never overflow */
.file-manager{display:grid;grid-template-columns:minmax(210px,.77fr) minmax(320px,1.4fr);gap:14px;align-items:start;margin-top:12px}
.file-browser,.file-editor{min-width:0;min-height:260px;background:#131313;border:1px solid #ffffff16;border-radius:14px;padding:14px}
.manager-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:12px;min-width:0}
.manager-toolbar strong{font-size:13px;overflow-wrap:anywhere}
.manager-toolbar small{color:#c50337}
.file-list{max-height:430px;overflow:auto;display:flex;flex-direction:column;gap:5px}
.manager-file{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 12px;background:#212121;border:1px solid #ffffff12;border-radius:9px;text-align:left;color:#f0f0f0;font-size:12px;min-height:42px;overflow-wrap:anywhere}
.manager-file:hover,.manager-file:focus-visible{background:#343434;border-color:#c5033777}
.manager-file small{flex:0 0 auto;color:#c50337}
#fileEditorContent{font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace!important;min-height:350px;width:100%;background:#0e0e0e!important;color:#f2f2f2!important;border-radius:10px;padding:13px;resize:vertical;tab-size:2}
.file-editor .stack-buttons{margin-top:12px}
/* Six-step commercial delivery readiness */
.setup-roadmap{padding:19px;margin-bottom:22px;border-radius:15px;background:#1b1b1b;border:1px solid #ffffff16}
.setup-roadmap .section-heading{margin:0 0 14px}
.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.roadmap-step{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;background:#242424;border:1px solid #ffffff12;border-radius:12px;padding:12px;min-height:76px;min-width:0}
.roadmap-step:hover{background:#323232}
.roadmap-number{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#3e3e3e;color:#ebebeb;font-size:12px;font-weight:800}
.roadmap-step.ready .roadmap-number{background:#353535;color:#c50337}
.roadmap-step strong{font-size:12px;color:#f4f4f4}
.roadmap-step small{font-size:10px;color:#c50337;line-height:1.45}
/* Auto-updating VPS metrics (8s, no manual refresh) */
.live-server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 13px}
.live-server-card{padding:19px;background:#1e1e1e;border:1px solid #ffffff17;border-radius:16px;min-width:0;box-shadow:0 9px 20px #00000033}
.live-server-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;margin-bottom:9px}
.live-server-head strong{font-size:14px;overflow-wrap:anywhere}
.live-server-card small{font-size:11px;line-height:1.5;color:#c50337;overflow-wrap:anywhere}
.live-server-state{font-size:10px;font-weight:750;white-space:nowrap}
.live-server-state.online,.integration-linked{color:#c50337}
.live-server-state.offline{color:#c50337}
.metrics{display:grid;gap:12px;margin:17px 0}
.metric{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;font-size:11px;color:#c2c2c2}
.metric b{font-variant-numeric:tabular-nums;font-size:12px;color:#f5f5f5}
.meter{grid-column:1/-1;height:5px;border-radius:10px;background:#333333;overflow:hidden}
.meter i{display:block;height:100%;background:linear-gradient(90deg,#c50337,#c50337);border-radius:10px;transition:width .25s}
.live-server-error{font-size:12px;line-height:1.5}
#integrationStatus{padding:13px 15px;border:1px solid #ffffff15;border-radius:11px;background:#161616;margin:11px 0}
#integrationStatus p{margin:7px 0 0;font-size:12px;overflow-wrap:anywhere}
@media(max-width:1060px){.live-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.file-manager{grid-template-columns:1fr}.live-server-grid{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:1fr 1fr}.setup-roadmap{padding:13px}.roadmap-step{min-height:71px;padding:9px}}
@media(max-width:390px){.roadmap-grid{grid-template-columns:1fr}.manager-toolbar{flex-wrap:wrap}}
/* v1.21 mobile file actions: never clip labels or overflow controls */
#panelFiles .stack-buttons{display:flex;flex-wrap:wrap;gap:9px;min-width:0}
#panelFiles .stack-buttons>button{flex:1 1 175px;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.35;min-height:44px;padding:10px 12px}
#panelFiles .file-editor .stack-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#panelFiles .file-editor .stack-buttons>button{width:100%!important;max-width:100%;min-height:47px;flex:none!important;font-size:12px!important}
@media(max-width:340px){#panelFiles .file-editor .stack-buttons{grid-template-columns:1fr}}


/* === Site Control v1.21.1 : strict RED / BLACK / WHITE visual system === */
:root {
  color-scheme: dark;
  --sc-red:#c50337;
  --purple:#c50337;
  --bright:#c50337;
  --orange:#c50337;
  --orange-strong:#c50337;
  --turquoise:#c50337;
  --danger:#c50337;
  --success:#f5f5f5;
  --bg:#0b0b0b;
  --sidebar:#111111;
  --card:#181818;
  --input:#202020;
  --panel:#181818;
  --line:#303030;
  --muted:#a7a7a7;
  --text:#f6f6f6;
}
html,body { background:#0b0b0b; color:#f6f6f6; }
:where(#app,#auth,#modal,#denied) { accent-color:#c50337; }
:where(#app,#auth,#modal,#denied) button:focus-visible,
:where(#app,#auth,#modal,#denied) input:focus-visible,
:where(#app,#auth,#modal,#denied) textarea:focus-visible,
:where(#app,#auth,#modal,#denied) select:focus-visible,
:where(#app,#auth,#modal,#denied) a:focus-visible {outline:2px solid #c50337!important;outline-offset:3px;}
:where(#app,#auth,#modal,#denied) input[type=checkbox],
:where(#app,#auth,#modal,#denied) input[type=radio],
:where(#app,#auth,#modal,#denied) input[type=range] {accent-color:#c50337!important;}
::selection {background:#c5033780!important;color:#ffffff!important;}
::-moz-selection {background:#c5033780;color:#ffffff;}
.primary,.btn-primary,.action-primary {
 background:#c50337!important;border-color:#c50337!important;color:#ffffff!important;
 box-shadow:0 7px 25px #c5033740!important;
}
.primary:hover,.btn-primary:hover,.action-primary:hover {background:#c50337!important;filter:brightness(1.07);}
:where(#app,#auth,#modal,#denied) .live-server-state.online,
:where(#app,#auth,#modal,#denied) .integration-linked {color:#f5f5f5!important;}
:where(#app,#auth,#modal,#denied) .live-server-state.offline,
:where(#app,#auth,#modal,#denied) .integration-missing {color:#c50337!important;}
.roadmap-step.ready .roadmap-number {background:#2a2a2a!important;color:#ffffff!important;}
.file-browser,.file-editor,.setup-roadmap,.live-server-card {background:#181818;}
.manager-file,.roadmap-step {background:#242424;}
.manager-file:hover,.roadmap-step:hover {background:#303030;}
.meter {background:#343434;}
.meter i {background:#c50337;}
#fileEditorContent {background:#101010!important;color:#f2f2f2!important;}
/* Reserve red for controls, emphasis and errors — instructional copy stays readable. */
:where(#app,#auth,#modal,#denied) .subtitle,
:where(#app,#auth,#modal,#denied) .hint,
:where(#app,#auth,#modal,#denied) .preview-caption,
:where(#app,#auth,#modal,#denied) .crumb,
:where(#app,#auth,#modal,#denied) .nav:not(.active),
:where(#app,#auth,#modal,#denied) li,
:where(#app,#auth,#modal,#denied) small {color:#bcbcbc!important;}
:where(#app,#auth,#modal,#denied) input:not([type=color]),
:where(#app,#auth,#modal,#denied) textarea,
:where(#app,#auth,#modal,#denied) select {color:#f5f5f5!important;}
:where(#app,#auth,#modal,#denied) input::placeholder,
:where(#app,#auth,#modal,#denied) textarea::placeholder {color:#8e8e8e!important;}
:where(#app,#auth,#modal,#denied) .live-server-state.offline,
:where(#app,#auth,#modal,#denied) .live-server-error {color:#c50337!important;}


/* ========================================================================
   SITE CONTROL v1.22 / QUIET SIGNAL
   Editorial dark UI with ChatGPT-inspired clarity, fine dashed guides,
   subtle red signals and reduced-motion-respectful microinteractions.
   Design layer only: no backend, access-control or event handlers changed.
   Brand palette: #c50337, black/white and achromatic neutrals exclusively.
   ======================================================================== */
:root {
  --sc-red: #c50337;
  --sc-paper: #f6f6f6;
  --sc-dim: #b4b4b4;
  --sc-hairline: #ffffff19;
  --sc-dash: #ffffff29;
  --sc-ease: cubic-bezier(.2,.76,.28,1);
  --sc-shadow: 0 16px 45px #00000055;
}
html { scroll-behavior: smooth; }
body { background:#0b0b0b!important; }
body::before {
  background: radial-gradient(ellipse 65% 44% at 64% 0%, #c5033719 0%,transparent 67%)!important;
  filter: blur(34px)!important; opacity:.65!important;
}
/* Finely textured chrome and precision alignment. */
.sidebar { border-right:1px solid #ffffff14!important; }
.sidebar::before { opacity:.65; }
.brand { padding-bottom:33px!important; }
.brand-logo { border-radius:12px!important; }
.brand strong { letter-spacing:.075em!important; }
.brand small { letter-spacing:.14em!important; color:#bfbfbf!important; }
.side-group { padding-top:7px!important; border-top:1px dashed #ffffff20; }
.nav { border-radius:13px!important; transition:background .23s var(--sc-ease),border-color .23s var(--sc-ease),transform .23s var(--sc-ease)!important; }
.nav.active {
  background:linear-gradient(95deg,#c5033724,#181818 86%)!important;
  border:1px solid #c5033752!important;
  box-shadow:inset 2px 0 0 #c50337,0 6px 21px #00000024!important;
}
.nav.active::after { content:"";width:5px;height:5px;border-radius:50%;margin-left:auto;background:#c50337;box-shadow:0 0 0 4px #c5033718;flex:none; }
.nav:hover:not(.active) { background:#ffffff0c!important; }
.side-bottom { border-top:1px dashed #ffffff24!important; }
.server-indicator { display:flex;align-items:center;gap:7px; }
.pulse { background:#c50337!important;box-shadow:0 0 0 4px #c5033720!important;animation:sc22Pulse 2.8s ease-in-out infinite!important; }
.topbar { border-bottom:1px solid #ffffff14!important; background:#111111eb!important; backdrop-filter:blur(24px)!important; }
.userbadge { background:#1c1c1c!important; border:1px solid #ffffff22!important; }
.content { isolation:isolate; }
/* Header: dotted plotting paper, kept behind real text and action buttons. */
.page-head { position:relative; isolation:isolate; border:1px solid #ffffff12; border-radius:24px; padding:26px 29px!important;
  background:linear-gradient(115deg,#1b1b1b9e,#10101070 70%),radial-gradient(ellipse at 96% 9%,#c5033715,transparent 58%);
  box-shadow:inset 0 1px #ffffff0a,0 16px 50px #0000002d;overflow:hidden;gap:20px;
}
.page-head::before { content:"";position:absolute;inset:0 0 0 55%;z-index:0;pointer-events:none;
  background-image:radial-gradient(#ffffff24 .9px, transparent 1px);background-size:19px 19px;
  -webkit-mask-image:linear-gradient(to right,transparent,#000000b8);mask-image:linear-gradient(to right,transparent,#000000b8);
  opacity:.46;
}
.page-head::after { content:"";position:absolute;left:29px;bottom:0;width:53px;height:2px;
  background:#c50337;box-shadow:20px 0 25px #c5033760;pointer-events:none;
}
.page-head > * { position:relative;z-index:1; }
.page-head .eyebrow { color:#c50337!important;letter-spacing:.19em!important;font-size:10px!important; }
.page-head h1 { letter-spacing:-.052em!important;line-height:1.07!important; }
.subtitle,.panel-heading p,.hint { color:#b7b7b7!important; }
.section-heading { gap:12px; }
.section-heading h2 { letter-spacing:-.035em!important; }
.section-heading>span { border:1px solid #ffffff24!important; background:#212121!important;border-radius:100px!important;padding:6px 11px!important; }
/* Highly tactile controls, red only where meaningful. */
.primary,.btn-primary,.action-primary { border:1px solid #c50337!important;background:#c50337!important;color:#ffffff!important;
  border-radius:12px!important;box-shadow:0 6px 24px #c5033738,inset 0 1px #ffffff2b!important;
  transition:transform .22s var(--sc-ease),box-shadow .24s var(--sc-ease),filter .24s var(--sc-ease)!important;
}
.secondary,.compact,.stack-buttons button,.command-grid button,.download-grid button,.download-grid a {
  border:1px solid #ffffff20!important;background:#252525!important;color:#f5f5f5!important;
  transition:transform .2s var(--sc-ease),border-color .2s var(--sc-ease),background .2s var(--sc-ease)!important;
}
@media(hover:hover) {
  .primary:not(:disabled):hover {transform:translateY(-2px);box-shadow:0 11px 31px #c5033752,inset 0 1px #ffffff40!important;filter:brightness(1.06);}
  .secondary:not(:disabled):hover,.compact:not(:disabled):hover,.stack-buttons button:not(:disabled):hover,
  .command-grid button:not(:disabled):hover { transform:translateY(-1px);border-color:#c5033790!important;background:#303030!important; }
  .nav:hover {transform:translateX(2px)!important;}
}
.primary:not(:disabled):active,.secondary:not(:disabled):active,.compact:not(:disabled):active { transform:scale(.982)!important; }
button:disabled {cursor:not-allowed;box-shadow:none!important;}
/* Dashboard cards: discreet dot matrix and staged entrance. */
.stats { gap:14px!important; }
.stat { position:relative; isolation:isolate; overflow:hidden!important; background:linear-gradient(150deg,#202020,#151515)!important;
  border:1px solid #ffffff19!important;border-radius:19px!important;min-height:145px;
  box-shadow:inset 0 1px #ffffff0b,0 10px 24px #00000029!important;
  transition:transform .28s var(--sc-ease),border-color .28s var(--sc-ease),box-shadow .28s var(--sc-ease)!important;
}
.stat:nth-child(1),.stat:nth-child(2),.stat:nth-child(3),.stat:nth-child(4) {background:linear-gradient(150deg,#202020,#151515)!important;}
.stat::before { content:""!important;position:absolute!important;top:0!important;left:19px!important;right:auto!important;
  width:41px!important;height:2px!important;background:#c50337!important;opacity:1!important; }
.stat::after {content:""!important;display:block!important;position:absolute;right:13px;top:13px;width:70px;height:69px;
 background-image:radial-gradient(#ffffff22 1px,transparent 1.3px);background-size:13px 13px;
 -webkit-mask-image:linear-gradient(to right,transparent,#000);mask-image:linear-gradient(to right,transparent,#000);opacity:.7;pointer-events:none;
}
.stat strong{color:#ffffff!important;letter-spacing:-.055em!important;}
.stat:last-child strong{color:#ffffff!important;}
.stat small{color:#a9a9a9!important;}
@media(hover:hover){.stat:hover{transform:translateY(-3px);border-color:#c5033750!important;box-shadow:0 20px 38px #00000055!important;}}
/* The empty state is a purposeful dashed drop-space, not an error state. */
.empty-state {border:1px dashed #ffffff42!important;background:radial-gradient(ellipse at 80% 2%,#c5033716,transparent 58%),#181818!important;border-radius:20px!important;}
.empty-state::before {content:"";display:block;width:35px;height:4px;border-top:2px dotted #c50337;margin:0 auto 15px;}
.archive-section {border:1px dashed #ffffff26!important;background:#171717!important;border-radius:17px!important;}
.archive-section[open] {border-style:solid!important;border-color:#c5033750!important;}
/* Projects: quiet art instead of large solid accents. */
.project-card {border-radius:19px!important;border:1px solid #ffffff1b!important;
  background:linear-gradient(155deg,#202020,#151515)!important;box-shadow:0 11px 25px #00000029!important;
  transition:transform .3s var(--sc-ease),border-color .3s var(--sc-ease),box-shadow .3s var(--sc-ease)!important;
}
.project-card::before {opacity:.8;}
.project-art,.project-card:nth-child(3n+2) .project-art,.project-card:nth-child(3n) .project-art { position:relative;
  background:radial-gradient(ellipse at 75% 25%,#c5033722,transparent 63%),linear-gradient(132deg,#272727,#181818)!important; }
.project-art::before {background-image:radial-gradient(#ffffff27 1px,transparent 1px)!important;background-size:21px 21px!important;border:1px dashed #ffffff22!important;opacity:.36!important;}
.project-body {padding:20px!important;}
.project-footer {border-top:1px dashed #ffffff23!important;}
@media(hover:hover){.project-card:hover{transform:translateY(-4px)!important;border-color:#c5033780!important;box-shadow:0 21px 43px #00000066!important;}}
/* Module cards are visually related and the highlighted updater is easy to spot. */
.work-panel,.editor-panel,.preview-panel,.admin-panel,.server-card {background:linear-gradient(150deg,#202020,#161616)!important;
  border:1px solid #ffffff1b!important;border-radius:20px!important;box-shadow:inset 0 1px #ffffff08,0 12px 30px #00000025!important;
}
#platformUpdater {background:radial-gradient(ellipse at 100% 0%,#c5033716,transparent 62%),linear-gradient(155deg,#202020,#161616)!important;
 border:1px solid #c5033754!important;}
.panel-heading {border-bottom:1px dashed #ffffff21;padding-bottom:17px;margin-bottom:20px!important;}
.panel-heading h2 { letter-spacing:-.034em!important; }
.panel-heading .eyebrow {letter-spacing:.17em!important;}
.tabs {border:1px solid #ffffff20!important;background:#1b1b1b!important;border-radius:15px!important;padding:5px!important;gap:4px!important;}
.tabs>.tab {background:transparent!important;color:#bdbdbd!important;border-radius:10px!important;border:1px solid transparent!important;
 transition:background .2s var(--sc-ease),color .2s var(--sc-ease)!important;}
.tabs>.tab.active,#projectTabs.tabs>.tab.active {color:#ffffff!important;background:#c50337!important;
 border-color:#c50337!important;box-shadow:0 4px 16px #c5033730!important;}
.tabs>.tab:hover:not(.active){color:#ffffff!important;background:#2e2e2e!important;}
/* Progress and upload: dotted guidelines make the user's next action obvious. */
.update-dropzone {position:relative;overflow:hidden;border:1.5px dashed #ffffff4d!important;background:linear-gradient(150deg,#1d1d1d,#151515)!important;
 border-radius:15px!important;transition:border-color .22s var(--sc-ease),background .22s var(--sc-ease)!important;}
.update-dropzone:focus-within,.update-dropzone:hover {border-color:#c50337a8!important;background:#222222!important;}
.update-dropzone-icon {border:1px solid #c5033750!important;background:#c5033714!important;color:#f0f0f0!important;}
.update-dropzone[data-phase="uploading"] {border-color:#c50337!important;animation:sc22Upload 1.6s ease-in-out infinite;}
.update-dropzone[data-phase="success"] {border-color:#c50337!important;background:#c503370b!important;}
.update-progress-track {background:#343434!important;border-radius:100px!important;overflow:hidden;}
#updateProgressFill {background:#c50337!important;transition:width .25s linear!important;}
.platform-update-actions .live-status {color:#bdbdbd!important;}
/* Wizard / 6 steps, like a concise guided flow. */
.setup-roadmap {border:1px dashed #ffffff42!important;border-radius:20px!important;
 background:radial-gradient(ellipse at 100% 0%,#c5033713,transparent 62%),#181818!important;}
.roadmap-grid {gap:12px!important;}
.roadmap-step {position:relative;min-width:0;border:1px solid #ffffff1f!important;background:#212121!important;
 border-radius:14px!important;transition:border-color .25s var(--sc-ease),transform .25s var(--sc-ease),background .25s var(--sc-ease)!important;}
.roadmap-step.ready {border-color:#c5033751!important;background:#c503370b!important;}
.roadmap-number {border:1px solid #ffffff32;background:#303030!important;color:#eeeeee!important;font-variant-numeric:tabular-nums;}
.roadmap-step.ready .roadmap-number {background:#c50337!important;color:#ffffff!important;border-color:#c50337;}
.roadmap-step small{color:#bdbdbd!important;}
@media(hover:hover){.roadmap-step:hover{transform:translateY(-2px);border-color:#c5033780!important;background:#2a2a2a!important;}}
/* LIVE monitor: indicators tell the truth; movement never fabricates values. */
.live-server-grid {gap:15px!important;}
.live-server-card {position:relative;overflow:hidden;border:1px solid #ffffff20!important;border-radius:19px!important;
 background:linear-gradient(145deg,#1d1d1d,#151515)!important;box-shadow:0 14px 30px #00000033!important;
 transition:border-color .25s var(--sc-ease),transform .25s var(--sc-ease)!important;}
.live-server-card::before {content:"";position:absolute;top:0;left:19px;width:41px;height:2px;background:#c50337;pointer-events:none;}
.live-server-card::after {content:"";position:absolute;top:10px;right:10px;width:52px;height:52px;background-image:radial-gradient(#ffffff28 1px,transparent 1.5px);background-size:13px 13px;opacity:.3;pointer-events:none;}
.live-server-head {padding-bottom:10px;margin-bottom:11px!important;border-bottom:1px dashed #ffffff2b;}
.live-server-head strong {font-size:14px!important;letter-spacing:-.015em;}
.live-server-card small {color:#aaaaaa!important;}
.live-server-state {display:inline-flex;align-items:center;border:1px solid #ffffff24;border-radius:100px;padding:5px 8px;
 background:#222222;color:#ededed!important;}
.live-server-state.online {border-color:#c5033761!important;box-shadow:0 0 0 0 #c5033700;animation:sc22Status 3.5s ease-in-out infinite;}
.live-server-state.offline {border-color:#ffffff25!important;color:#bdbdbd!important;animation:none!important;}
.live-server-error {color:#c50337!important;}
.metrics {gap:13px!important;}
.meter {background:#353535!important;height:5px!important;position:relative;}
.meter i {background:#c50337!important;transition:width .65s var(--sc-ease)!important;}
@media(hover:hover){.live-server-card:hover{transform:translateY(-2px);border-color:#c503375a!important;}}
/* File editing and text blocks: clean focus; dashed affordances only on drop areas. */
.file-browser,.file-editor {background:#161616!important;border:1px solid #ffffff23!important;border-radius:17px!important;}
.manager-file {background:#242424!important;border:1px solid #ffffff19!important;border-radius:11px!important;
 transition:background .18s var(--sc-ease),border-color .18s var(--sc-ease),transform .18s var(--sc-ease)!important;}
.manager-file:hover,.manager-file:focus-visible {background:#2d2d2d!important;border-color:#c503376d!important;}
.file-editor:focus-within {border-color:#c5033752!important;}
#fileEditorContent,.terminal,.log-output {background:#111111!important;border:1px solid #ffffff25!important;}
#integrationStatus {border:1px dashed #ffffff3b!important;background:#171717!important;border-radius:14px!important;}
#integrationStatus:focus-within {border-color:#c5033788!important;}
/* Interactive focus: visible red only when the field is selected. */
:where(#app,#auth,#modal,#denied) input:not([type=checkbox]):not([type=radio]):focus,
:where(#app,#auth,#modal,#denied) textarea:focus,
:where(#app,#auth,#modal,#denied) select:focus {box-shadow:inset 0 0 0 1px #c50337,0 0 0 3px #c5033726!important;background:#252525!important;}
:where(#app,#auth,#modal,#denied) input::placeholder,
:where(#app,#auth,#modal,#denied) textarea::placeholder {color:#8f8f8f!important;}
/* Dialogs, authentication, and quiet feedback animations. */
.auth-screen {background:radial-gradient(ellipse at 50% 8%,#c503371e,transparent 58%),#0b0b0b!important;}
.auth-card {position:relative;overflow:hidden;background:#1b1b1b!important;border:1px solid #ffffff2a!important;border-radius:24px!important;}
.auth-card::before {content:"";position:absolute;right:15px;top:15px;width:93px;height:70px;pointer-events:none;
 background-image:radial-gradient(#ffffff32 1px,transparent 1px);background-size:13px 13px;
 -webkit-mask-image:linear-gradient(to left,#000,transparent);mask-image:linear-gradient(to left,#000,transparent);opacity:.55;}
.modal {border:1px solid #ffffff32!important;border-radius:22px!important;animation:sc22PanelIn .28s var(--sc-ease) both;}
.toast {transform:translateY(12px);border-radius:13px!important;border-left:3px solid #c50337!important;
 transition:opacity .25s,transform .28s var(--sc-ease)!important;}
.toast.show {transform:translateY(0);}
/* Entry animation: only mounted/static dashboard pieces, NOT polled metrics cards. */
.view:not([hidden]) > .page-head {animation:sc22PanelIn .46s var(--sc-ease) both;}
.view:not([hidden]) > .stats > .stat {animation:sc22CardIn .52s var(--sc-ease) both!important;}
.view:not([hidden]) > .stats > .stat:nth-child(2){animation-delay:.055s!important;}
.view:not([hidden]) > .stats > .stat:nth-child(3){animation-delay:.11s!important;}
.view:not([hidden]) > .stats > .stat:nth-child(4){animation-delay:.165s!important;}
@keyframes sc22PanelIn {from{opacity:.45;transform:translateY(9px);}to{opacity:1;transform:translateY(0);}}
@keyframes sc22CardIn {from{opacity:0;transform:translateY(13px);}to{opacity:1;transform:translateY(0);}}
@keyframes sc22Status {0%,100%{box-shadow:0 0 0 0 #c5033700;}50%{box-shadow:0 0 0 3px #c5033724;}}
@keyframes sc22Pulse {0%,100%{box-shadow:0 0 0 3px #c5033724;}50%{box-shadow:0 0 0 6px #c5033709;}}
@keyframes sc22Upload {0%,100%{box-shadow:0 0 0 0 #c5033700;}50%{box-shadow:0 0 0 4px #c5033727;}}
/* Mobile: no side scrolling, no huge blocks, no hover movement on touch. */
@media(max-width:850px){
  .page-head{padding:22px 20px!important;border-radius:20px!important;gap:14px!important;}
  .page-head::after{left:20px;}
  .page-head::before{left:38%;opacity:.30;}
  .sidebar{box-shadow:25px 0 75px #000000ba!important;}
}
@media(max-width:590px){
  .content {padding-top:18px!important;}
  .page-head {padding:23px 18px!important;border-radius:18px!important;}
  .page-head::after{left:18px;}
  .page-head h1{font-size:clamp(31px,8vw,40px)!important;}
  .stat{border-radius:16px!important;min-height:116px;}
  .stat::after{width:43px;height:43px;background-size:12px 12px;}
  .live-server-card{border-radius:16px!important;}
  .work-panel,.editor-panel,.preview-panel,.admin-panel,.server-card{border-radius:17px!important;}
  .roadmap-step{padding:11px!important;}
  .tabs{border-radius:13px!important;}
  .toast{bottom:max(20px,env(safe-area-inset-bottom));left:15px;right:15px;max-width:none;}
}
@media(hover:none){.primary:hover{transform:none!important;filter:none!important;}.nav:hover{transform:none!important;}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .view:not([hidden]) > .stats > .stat,.view:not([hidden]) > .stats > .stat:nth-child(n),.sidebar .pulse,.live-server-state.online,.update-dropzone[data-phase="uploading"],.modal {animation:none!important;transition:none!important;}
}



/* Site Control 1.22.1 — first-class platform dashboard, 6 genuinely live tiles */
.platform-overview{margin:0 0 24px;width:100%;}
.platform-overview-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:14px 0 12px;}
.platform-overview-head h2{font-size:clamp(23px,3vw,31px);letter-spacing:-.045em;margin:6px 0 4px;color:#f6f6f6;}
.platform-overview-desc{color:#a9a9a9;font-size:13px;line-height:1.5;margin:0;}
.platform-live-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid #5c5c5c;background:#202020;color:#dedede;padding:10px 14px;border-radius:999px;font-size:11px;font-weight:760;white-space:nowrap;}
.platform-live-badge.is-online{border-color:#c5033780;background:#c5033715;color:#fff;}
.platform-live-badge.is-offline{border-color:#6f6f6f;color:#c5c5c5;background:#1c1c1c;}
.platform-live-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#888;}
.platform-live-badge.is-online .platform-live-dot{background:#c50337;box-shadow:0 0 0 4px #c5033724;animation:platformSignal 2.7s ease-in-out infinite;}
.platform-overview-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#a9a9a9;font-size:12px;margin:9px 0 19px;}
.platform-overview-meta #platformLiveHost{color:#ededed;overflow-wrap:anywhere;}
.platform-meta-separator{width:3px;height:3px;background:#c50337;border-radius:50%;}
.platform-live-interval{margin-left:auto;color:#888;}
.platform-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:1060px;}
.platform-metric-card{min-width:0;aspect-ratio:1.3;background:linear-gradient(150deg,#222,#181818 76%);border:1px solid #ffffff20;border-radius:20px;padding:clamp(16px,2vw,23px);position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:inset 0 1px #ffffff07,0 12px 25px #00000029;transition:border-color .2s,transform .2s;}
.platform-metric-card:before{content:'';position:absolute;left:22px;top:0;height:2px;width:39px;background:#c50337;}
.platform-metric-card:after{content:'';position:absolute;width:68px;height:68px;right:13px;top:13px;background-image:radial-gradient(#ffffff20 1px,transparent 1px);background-size:9px 9px;mask-image:linear-gradient(to bottom left,black,transparent);pointer-events:none;}
.platform-metric-top{display:flex;justify-content:space-between;align-items:start;gap:8px;position:relative;z-index:1;}
.platform-metric-label{font-size:12px;font-weight:700;color:#dedede;letter-spacing:.025em;}
.platform-metric-index{font:600 10px/1 monospace;color:#696969;}
.platform-metric-reading{font-size:clamp(26px,3.2vw,43px);line-height:1.12;letter-spacing:-.065em;font-weight:760;color:#fdfdfd;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;position:relative;z-index:1;}
.platform-metric-reading.is-issue{color:#c50337;}
.platform-metric-bottom{display:flex;flex-direction:column;gap:9px;position:relative;z-index:1;}
.platform-metric-bar{width:100%;height:5px;background:#ffffff17;border-radius:999px;overflow:hidden;}
.platform-metric-bar i{display:block;width:0;height:100%;border-radius:inherit;background:#c50337;transition:width .7s ease;}
.platform-metric-caption{color:#a1a1a1;font-size:11px;line-height:1.4;}
.platform-overview-note{max-width:1060px;margin:14px 0;color:#f2f2f2;background:#c5033712;border:1px dashed #c5033757;border-radius:12px;padding:12px;font-size:12px;}
@keyframes platformSignal{0%,100%{box-shadow:0 0 0 3px #c5033720}50%{box-shadow:0 0 0 6px #c503370a}}
@media(hover:hover){.platform-metric-card:hover{border-color:#c5033766;transform:translateY(-2px);}}
@media(max-width:750px){.platform-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.platform-metric-card{aspect-ratio:1/1;border-radius:16px;padding:15px;}.platform-metric-reading{font-size:clamp(25px,7.4vw,34px);}.platform-live-interval{margin-left:0;}}
@media(max-width:360px){.platform-metric-card{padding:12px;}.platform-metric-label{font-size:11px;}.platform-metric-caption{font-size:10px;}.platform-metric-reading{font-size:24px;}.platform-overview-head h2{font-size:25px;}}
@media(prefers-reduced-motion:reduce){.platform-live-badge.is-online .platform-live-dot{animation:none!important;}.platform-metric-card,.platform-metric-bar i{transition:none!important;}}

/* Site Control 1.22.3 — client VPS self-test card */
.sc-test-helper{display:flex;gap:16px;justify-content:space-between;align-items:center;
 padding:16px;margin:8px 0 22px;border:1px dashed rgba(197,3,55,.6);
 border-radius:16px;background:rgba(197,3,55,.035)}
.sc-test-helper p{margin:6px 0 0;max-width:60ch}
.sc-test-helper button{flex-shrink:0}
.server-test-output{flex-basis:100%;width:100%;white-space:pre-wrap;overflow-wrap:anywhere;
 border:1px solid rgba(197,3,55,.28);border-radius:12px;padding:12px 14px;
 background:#0e0e0e;color:#f2f2f2;font:12px/1.6 ui-monospace,SFMono-Regular,monospace;margin-top:12px}
.server-test-output.has-error{border-style:dashed;border-color:#c50337}
@media(max-width:600px){.sc-test-helper{flex-direction:column;align-items:stretch}.sc-test-helper button{width:100%}}

/* v1.22.4 · destination-scoped server consoles */
.sc-target-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px dashed #c5033778;margin-bottom:16px}
.sc-target-header h2{margin:6px 0 8px;font-size:clamp(20px,4.8vw,27px);letter-spacing:-.5px;color:#fff}
.sc-target-header p{font-size:13px;line-height:1.55;color:#c2c2c2;margin:0;max-width:660px}
.sc-target-eyebrow{font-size:10px;letter-spacing:1.2px;color:#c50337;font-weight:850}
.sc-target-marker{flex:none;border:1px solid #c50337;color:#fff;background:#c5033714;border-radius:8px;padding:7px 11px;font-size:10px;letter-spacing:1.2px;font-weight:850}
.sc-scope-warning,.sc-scope-tip{background:#151515;border:1px dashed #c5033780;border-radius:12px;padding:13px 15px;line-height:1.65;color:#d4d4d4;font-size:12px;overflow-wrap:anywhere}
.sc-scope-warning strong{color:#fff}
.sc-mini-heading{font-weight:720;font-size:12px;letter-spacing:.3px;margin:22px 0 11px;color:#efefef}
.sc-quick-commands{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:7px;margin-bottom:19px}
.sc-extra-actions,.sc-connect-accordion,.sc-root-details{border:1px dashed #424242;border-radius:12px;background:#1b1b1b;margin:12px 0 20px;overflow:hidden}
.sc-extra-actions summary,.sc-connect-accordion>summary,.sc-root-details>summary{cursor:pointer;list-style:none;padding:17px;font-size:13px;color:#eee;font-weight:700}
.sc-extra-actions summary:after,.sc-connect-accordion>summary:after,.sc-root-details>summary:after{content:'+';float:right;color:#c50337;font-size:20px;line-height:14px}
.sc-extra-actions[open] summary:after,.sc-connect-accordion[open]>summary:after,.sc-root-details[open]>summary:after{content:'−'}
.sc-extra-actions summary::-webkit-details-marker,.sc-connect-accordion>summary::-webkit-details-marker,.sc-root-details>summary::-webkit-details-marker{display:none}
.sc-extra-actions .command-grid{padding:0 15px 15px;margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.sc-root-controls{margin-top:12px}.sc-root-caption{font-size:12px;color:#c0c0c0}.sc-root-details{margin:8px 0}
.sc-root-details .root-setup{margin:0 12px 12px}
.sc-hidden-target{display:none!important}.sc-servers-heading{margin-top:28px}.sc-servers-heading span{font-size:11px;color:#aaa}
.sc-ssh-console{margin:22px 0;border:1px solid #c503376b!important;background:linear-gradient(160deg,#1b1b1b,#151515)}
.sc-console-local{border-top:2px solid #c50337}
.sc-ssh-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.sc-ssh-actions button{flex:1;min-width:135px}
.sc-remote-output{min-height:250px;max-height:55vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.sc-remote-output.has-error,#consoleOutput.has-error{border-color:#c50337;color:#fff}
.sc-ssh-console textarea{min-height:100px;font-size:16px!important}
.sc-connect-accordion{margin-top:22px;background:#191919}.sc-connect-accordion .work-panel{margin:0;border:0!important;padding:18px}
.sc-connect-accordion>summary{padding:20px;color:#fff;font-size:14px}
@media(max-width:650px){.sc-quick-commands{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-extra-actions .command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-target-header{gap:7px}.sc-target-marker{font-size:9px;padding:7px}.sc-connect-accordion .work-panel{padding:12px}.sc-servers-heading span{font-size:10px;max-width:130px;text-align:right}}
@media(prefers-reduced-motion:reduce){.sc-ssh-console,.sc-connect-accordion{scroll-behavior:auto}}

/* v1.22.5: focused server connection wizard (5 individual screens) */
.sc-connection-flow{border:1px solid #424242!important;background:#171717!important;border-radius:17px!important}
.sc-connection-flow>summary{font-size:14px!important;padding:21px!important}
.sc-wizard{padding:clamp(14px,3vw,28px);border-top:1px solid #353535}
.sc-wizard-top h2{font-size:25px;letter-spacing:-.8px;margin:8px 0 5px;color:#fff}
.sc-wizard-top>p,.sc-wizard-explain{font-size:13px;line-height:1.65;color:#bcbcbc;margin:4px 0 18px}
.sc-wizard-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:22px 0 27px;padding:0;list-style:none}
.sc-wizard-track li{min-width:0;display:flex;align-items:center;flex-direction:column;gap:7px;position:relative;color:#858585;font-size:10px;text-align:center}
.sc-wizard-track li:before{content:"";position:absolute;width:calc(100% - 32px);top:15px;left:calc(-50% - 2px);border-top:1px dashed #585858}
.sc-wizard-track li:first-child:before{display:none}
.sc-wizard-track span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #575757;background:#222;border-radius:50%;color:#c4c4c4;font-size:12px;font-weight:800}
.sc-wizard-track li.active span{border-color:#c50337;background:#c50337;color:white;box-shadow:0 0 0 4px #c5033720}
.sc-wizard-track li.complete span{border-color:#c50337;color:#fff;background:#c5033744}
.sc-wizard-track li.complete:before,.sc-wizard-track li.active:before{border-color:#c50337}
.sc-wizard-track li.active b{color:#fff}
.sc-wizard-step{min-height:265px;animation:sc-wizard-appear .2s ease-out}
.sc-wizard-step[hidden],.sc-wizard-error[hidden]{display:none!important}
.sc-wizard-step h3{font-size:20px;margin:0 0 7px;color:#fff;letter-spacing:-.5px}
.sc-wizard-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sc-wizard-fields label,.sc-wizard-step>label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#d4d4d4}
.sc-wizard-step>label{margin:15px 0}
.sc-wizard-fields input,.sc-wizard-fields select,.sc-wizard-step>label input{min-width:0;width:100%;font-size:16px!important}
.sc-wizard-test{width:100%;text-align:left;display:flex;flex-direction:column;gap:5px;background:#c5033715!important;border:1px dashed #c50337!important;border-radius:13px;padding:14px 17px;margin:12px 0 18px;color:#fff}
.sc-wizard-test span{font-size:13px;font-weight:740}
.sc-wizard-test small{font-size:11px;color:#c0c0c0}
.sc-wizard-advanced{margin:18px 0 10px;border:1px solid #404040;border-radius:12px;padding:12px 15px}
.sc-wizard-advanced summary{font-size:12px;cursor:pointer;color:#d1d1d1}
.sc-wizard-advanced .sc-wizard-fields{margin-top:17px}
.sc-wizard-command{display:flex;align-items:stretch;gap:10px;padding:12px;border:1px dashed #c503377a;background:#141414;border-radius:12px;min-height:70px;margin:14px 0}
.sc-wizard-command code{flex:1;min-width:0;display:block;max-height:130px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap;color:#f1f1f1;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.sc-wizard-command-large code{max-height:185px}
.sc-wizard-copy{align-self:center;flex:none;border:1px solid #666!important;background:#262626!important;color:#fff!important;border-radius:9px!important;font-size:11px!important;padding:9px 10px!important}
.sc-wizard-mini-status,.sc-wizard-result{padding:13px 15px;border:1px solid #474747;border-radius:11px;background:#222;color:#eee;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.sc-wizard-pass{border-color:#c5033780;background:#c5033716}
.sc-wizard-info{font-size:12px;color:#aaa;line-height:1.6}
.sc-wizard-error{padding:11px 14px;border:1px solid #c50337;border-radius:10px;color:#fff;background:#c503372a;margin:14px 0;font-size:12px;overflow-wrap:anywhere}
.sc-wizard-nav{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px dashed #494949}
.sc-wizard-nav button{min-width:92px}.sc-wizard-nav span{font-size:11px;color:#aaa}
.sc-wizard-action{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:9px 0 15px}.sc-wizard-action span{font-size:12px;color:#bcbcbc}
#trustHost,#serverCreate,#wizardRetest,#wizardOpenSSH{margin-top:8px}
@keyframes sc-wizard-appear{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.sc-wizard-fields{grid-template-columns:1fr}.sc-wizard-track{gap:1px}.sc-wizard-track li{font-size:9px}.sc-wizard-track li b{font-size:9px}.sc-wizard-command{flex-direction:column}.sc-wizard-copy{align-self:flex-end}.sc-wizard-top h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.sc-wizard-step{animation:none}}

.sc-wizard [hidden],.sc-wizard-step [hidden]{display:none!important}

/* Site Control 1.22.6 — one VPS = one place to inspect and manage it.
   The overview intentionally has no metrics; real-time telemetry belongs
   to the selected server's detail screen. */
#viewServers,#viewServers *,#serverDetail{min-width:0}
#viewServers{width:100%;max-width:100%}
.sc-server-list-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:28px 0 8px!important}
.sc-server-list-heading h2{font-size:clamp(21px,3vw,27px);margin:0}
.sc-server-list-heading .sc-server-count{margin-left:auto;padding:7px 13px!important;flex:none;white-space:nowrap;font-size:12px;color:#c9c9c9}
.sc-server-list-intro{font-size:13px;line-height:1.65;color:#a7a7a7;max-width:700px;margin:0 0 21px}
.sc-server-list{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;margin:16px 0 25px}
.sc-server-row{width:100%;max-width:100%;display:flex;align-items:center;text-align:left;gap:17px;padding:18px 20px;background:linear-gradient(120deg,#222,#191919)!important;border:1px solid #ffffff1d!important;border-radius:17px!important;color:#f2f2f2;box-shadow:inset 0 1px #ffffff08;transition:border-color .18s,background .18s}
.sc-server-row:hover{border-color:#c5033778!important;background:#242424!important}
.sc-server-row:focus-visible{outline:2px solid #c50337;outline-offset:3px}
.sc-server-row-icon{flex:0 0 50px;display:grid;place-items:center;width:50px;height:50px;color:#e3e3e3;background:#2b2b2b;border:1px solid #ffffff1c;border-radius:13px}
.sc-server-row-main{flex:1 1 auto;display:flex;flex-direction:column;gap:6px;overflow:hidden}
.sc-server-row-main strong{font-size:17px;line-height:1.3;font-weight:740;overflow-wrap:anywhere}
.sc-server-row-main small{font-size:12px;line-height:1.5;color:#aaa;overflow-wrap:anywhere}
.sc-server-row-project{font-size:11px;color:#8e8e8e;overflow-wrap:anywhere}
.sc-server-row-trailing{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex:0 1 auto}
.sc-server-chevron{color:#999;font-size:26px;font-weight:300;line-height:1}
.sc-server-status{display:inline-flex;justify-content:center;align-items:center;gap:7px;width:max-content;max-width:100%;font-size:11px;font-weight:720;line-height:1.3;padding:7px 11px;background:#272727;border:1px solid #ffffff25;border-radius:999px;white-space:normal;color:#ddd;text-align:center}
.sc-server-status.online{border-color:#c5033775;background:#c5033711;color:#f3f3f3}
.sc-server-status.offline{color:#bfbfbf;border-color:#ffffff25}
.sc-server-status.waiting{color:#a9a9a9}
.sc-status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#979797}
.sc-server-status.online .sc-status-dot{background:#c50337;box-shadow:0 0 0 3px #c503371b}
.sc-server-status.offline .sc-status-dot{background:#777}
.sc-server-list+.sc-connect-accordion{margin-top:20px}
.sc-server-detail{width:100%;max-width:100%;padding-bottom:25px}
.sc-server-back{display:inline-flex;align-items:center;gap:9px;border:0!important;background:transparent!important;padding:9px 2px!important;margin:3px 0 15px;color:#bdbdbd;font-size:13px;font-weight:660;min-height:44px}
.sc-server-back:hover{color:#fff}
.sc-server-back span{font-size:19px}
.sc-server-detail-hero{position:relative;overflow:hidden;padding:clamp(19px,3vw,29px);border:1px solid #ffffff1d;border-radius:20px;background:linear-gradient(125deg,#202020,#131313 82%);box-shadow:inset 0 1px #ffffff09}
.sc-server-detail-hero:after{content:"";pointer-events:none;position:absolute;bottom:0;left:28px;width:70px;height:2px;background:#c50337}
.sc-server-detail-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.sc-server-detail-eyebrow{color:#c50337;font-size:10px;font-weight:800;letter-spacing:.15em}
.sc-server-detail-hero h1{font-size:clamp(26px,4vw,42px);line-height:1.1;letter-spacing:-.04em;overflow-wrap:anywhere;margin:21px 0 8px}
.sc-server-address{font-size:13px;color:#b2b2b2;margin:0 0 20px;line-height:1.6;overflow-wrap:anywhere}
.sc-server-detail-context{display:flex;flex-wrap:wrap;gap:9px 20px;padding-top:15px;border-top:1px dashed #ffffff24;color:#989898;font-size:12px;line-height:1.55}
.sc-server-detail-context>span{overflow-wrap:anywhere}
.sc-server-diagnostics-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:29px 0 13px!important}
.sc-server-diagnostics-heading h2{font-size:clamp(19px,3vw,23px);margin:0}
.sc-server-diagnostics-heading>span{font-size:11px!important;margin:0!important;max-width:100%;white-space:normal;text-align:right}
.sc-server-live{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;margin:0 0 30px}
.sc-server-health-card{background:linear-gradient(145deg,#1e1e1e,#151515);border:1px solid #ffffff1d;border-radius:18px;padding:clamp(19px,3vw,26px)}
.sc-server-health-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;font-size:15px;font-weight:720;border-bottom:1px dashed #ffffff24;padding-bottom:17px;margin-bottom:22px}
.sc-server-health-title>span{color:#aaa;font-size:10px;font-weight:560;letter-spacing:.02em}
.sc-server-meter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.sc-server-meter{min-width:0}
.sc-server-meter-line{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.sc-server-meter-line span{font-size:12px;color:#aaa}
.sc-server-meter-line strong{font-size:16px;font-variant-numeric:tabular-nums}
.sc-server-meter-track{width:100%;height:7px;background:#303030;border-radius:9px;overflow:hidden}
.sc-server-meter-track i{display:block;height:100%;background:#c50337;border-radius:9px;transition:width .22s}
.sc-server-health-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.sc-server-health-facts>div{border:1px solid #ffffff18;background:#1c1c1c;border-radius:14px;padding:16px 18px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.sc-server-health-facts span{font-size:11px;color:#a5a5a5;line-height:1.4}
.sc-server-health-facts strong{font-size:18px;font-weight:730;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.sc-service-ok{color:#eee}.sc-service-issue{color:#c50337}
.sc-server-live-empty{padding:23px;border:1px dashed #ffffff2b;background:#1a1a1a;border-radius:16px;font-size:13px;line-height:1.65;color:#bbb;overflow-wrap:anywhere}
.sc-server-live-error{border-color:#c5033755}
.sc-server-live-error strong{color:#f2f2f2;display:block;margin-bottom:8px}
.sc-server-live-error p{margin:5px 0}
.sc-server-live-error small{color:#aaa}
.sc-server-section-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 15px;align-items:baseline;margin:16px 0 13px}
.sc-server-section-head h2{font-size:21px;letter-spacing:-.025em;margin:0}
.sc-server-section-head p{font-size:11px;color:#999;line-height:1.5;margin:0}
.sc-server-detail-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}
.sc-server-detail-actions button{width:100%;min-height:52px;white-space:normal;overflow-wrap:anywhere;text-align:center;font-weight:690;font-size:13px;line-height:1.3;padding:11px 10px;border:1px solid #ffffff24;border-radius:12px;background:#282828;color:#f6f6f6}
.sc-server-detail-actions .sc-server-action-primary{background:#c50337;border-color:#c50337;color:white}
.sc-server-detail-actions .sc-server-action-danger{border-color:#c5033744;color:#dddddd;background:#222222}
.sc-server-detail-actions button:hover{border-color:#c50337}
#serverDetailTestOutput{width:100%;margin:0 0 19px}
#serverDetail .sc-ssh-console{margin:22px 0 0!important;scroll-margin-top:20px}
#serverDetail .sc-target-header{min-width:0}
#serverDetail .sc-target-header>div{min-width:0;overflow-wrap:anywhere}
#serverDetail .sc-target-marker{flex:none}
#viewServers .sc-connect-accordion .work-panel{min-width:0}
#viewServers .sc-server-detail-actions button:disabled{opacity:.5;cursor:wait}
@media(max-width:760px){
 .sc-server-meter-list{grid-template-columns:minmax(0,1fr);gap:21px}
 .sc-server-meter-line{margin-bottom:9px}
 .sc-server-health-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sc-server-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
 #viewServers .page-head h1{font-size:clamp(31px,8vw,40px)!important}
 .sc-server-list-heading{align-items:flex-start!important}
 .sc-server-list-heading h2{font-size:23px!important;overflow-wrap:anywhere}
 .sc-server-list-heading .sc-server-count{margin-left:0;font-size:11px}
 .sc-server-list-intro{font-size:12px}
 .sc-server-row{padding:16px 13px;gap:11px}
 .sc-server-row-icon{width:39px;height:39px;flex-basis:39px;border-radius:10px}
 .sc-server-row-main strong{font-size:14px}
 .sc-server-row-main small{font-size:11px}
 .sc-server-row-trailing{flex-direction:column;gap:4px;align-items:flex-end}
 .sc-server-row-trailing .sc-server-status{font-size:9px;padding:6px 7px}
 .sc-server-chevron{font-size:23px;line-height:1}
 .sc-server-detail-hero{padding:19px 16px;border-radius:17px}
 .sc-server-detail-hero:after{left:16px}
 .sc-server-detail-hero h1{font-size:27px}
 .sc-server-detail-top{align-items:flex-start}
 .sc-server-detail-top>.sc-server-status{font-size:10px}
 .sc-server-health-card{padding:19px 16px;border-radius:16px}
 .sc-server-health-title{align-items:flex-start}
 .sc-server-health-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .sc-server-health-facts>div{padding:13px 12px}
 .sc-server-health-facts strong{font-size:16px}
 .sc-server-health-facts>div:last-child{grid-column:1/-1}
 .sc-server-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .sc-server-detail-actions button{font-size:12px;min-height:49px}
 .sc-server-detail-actions .sc-server-action-danger{grid-column:1/-1}
 .sc-server-section-head{display:block}
 .sc-server-section-head p{margin-top:5px}
 #viewServers .sc-target-header{flex-wrap:wrap}
 #viewServers .sc-target-header h2{font-size:20px}
 #viewServers .sc-ssh-actions button{flex:1 1 140px;min-width:0;min-height:46px}
 #viewServers .sc-connect-accordion>summary{padding:17px 16px!important}
 #viewServers .sc-wizard{padding:13px}
 #viewServers .sc-wizard-nav{gap:6px}
 #viewServers .sc-wizard-nav span{font-size:10px;text-align:center}
 #viewServers .sc-wizard-nav button{min-width:70px;padding:10px 12px}
}
@media(max-width:360px){
 .sc-server-row-icon{display:none}
 .sc-server-detail-top>.sc-server-status{max-width:100%}
 .sc-server-health-facts{grid-template-columns:minmax(0,1fr)}
 .sc-server-health-facts>div:last-child{grid-column:auto}
 .sc-server-list-heading h2{font-size:20px!important}
}


/* v1.22.7 — compact cards after removal of instructional paragraphs. */
#platformUpdater>.panel-heading,#panelBackups>.panel-heading{margin-bottom:17px!important}
#platformUpdater>.panel-heading h2,#panelBackups>.panel-heading h2{margin-bottom:0!important}
#platformUpdater>.platform-update-grid{margin:0 0 9px!important;align-items:end}
#platformUpdater>.platform-update-actions{margin:10px 0 0!important;row-gap:10px}
#platformUpdater>.platform-update-actions .live-status{flex:1 1 170px;padding:6px 2px}
#panelBackups>.inline-controls{margin-top:2px}
#panelBackups>.panel-separator{margin:18px 0!important}
#panelBackups>#backupList{margin-top:12px}
#panelServer>.sc-target-header{margin-bottom:17px;padding-bottom:15px;align-items:center}
#panelServer>.sc-target-header h2{margin-bottom:0}
#panelServer>.sc-mini-heading{margin:0 0 12px}
#panelServer>.sc-quick-commands{margin:0 0 15px}
#panelServer .sc-root-controls{margin:0 0 12px}
#panelServer #rootStatus:empty{display:none!important}
#panelServer .sc-root-details{margin:0 0 6px}
@media(max-width:650px){
 #platformUpdater>.panel-heading,#panelBackups>.panel-heading{margin-bottom:16px!important}
 #platformUpdater>.platform-update-actions>button{min-width:0;flex:1 1 120px}
 #platformUpdater>.platform-update-actions .live-status{flex-basis:100%}
 #panelServer>.sc-target-header{gap:10px}
 #panelServer>.sc-target-header h2{font-size:clamp(19px,5vw,24px)}
 #panelServer>.sc-mini-heading{margin-top:0}
 #panelBackups>.inline-controls>button{max-width:100%}
}

/* v1.22.8: Compatibility marker for cached JavaScript uses hidden attribute and no layout. */

/* v1.22.9 shared project workflow */
.sc-workflow{border:1px solid rgba(255,255,255,.13);border-radius:23px;background:linear-gradient(115deg,rgba(197,3,55,.09),rgba(255,255,255,.025));padding:clamp(16px,3vw,27px);margin:16px 0 22px;min-width:0}
.sc-workflow-header{display:flex;justify-content:space-between;gap:14px;align-items:start;flex-wrap:wrap}
.sc-workflow-header h2{font-size:clamp(18px,3vw,24px);margin:5px 0 0}
.sc-flow-state{background:#282828;border:1px solid #515151;padding:8px 14px;border-radius:999px;white-space:nowrap;font-size:12px}
.sc-flow-state.ready{border-color:#c50337;color:#fff}
.sc-workflow-steps{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}
.sc-workflow-steps span{border:1px solid rgba(255,255,255,.13);background:#171717;border-radius:12px;padding:8px 10px;font-size:12px;color:#ddd}
.sc-flow-note{color:#b7b7b7;line-height:1.55;margin:10px 0 16px}
.sc-module-controls{display:grid;gap:13px;min-width:0}
.sc-module-controls>label{display:grid;gap:7px}
.sc-module-controls select{width:100%;min-width:0}
.sc-module-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sc-module-choice{display:flex;gap:12px;align-items:start;min-width:0;padding:16px;background:#202020;border:1px solid #434343;border-radius:15px;cursor:pointer}
.sc-module-choice input{flex:0 0 auto;width:20px;height:20px;accent-color:#c50337}
.sc-module-choice span{display:grid;gap:6px;min-width:0}.sc-module-choice small{color:#aaa;line-height:1.5}
.sc-module-controls>.primary{justify-self:start}
.sc-module-lock{color:#dddddd;border:1px solid rgba(197,3,55,.55);background:rgba(197,3,55,.08);border-radius:12px;padding:13px 16px}
.stack-buttons{flex-wrap:wrap}.faq-card pre{overflow:auto;white-space:pre;max-width:100%;background:#101010;padding:13px;border-radius:12px}
@media(max-width:650px){.sc-module-choices{grid-template-columns:1fr}.sc-workflow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sc-module-controls>.primary{width:100%}.sc-flow-state{white-space:normal}}

/* v1.22.11 ROOT VPS runtime */
.sc-runtime-box{border:1px solid var(--stroke,#353535);border-radius:20px;padding:20px;margin:20px 0;background:var(--panel,#181818);min-width:0}
.sc-runtime-box .section-heading{flex-wrap:wrap;gap:8px;margin:0 0 12px}
.sc-runtime-controls{display:grid;gap:12px;min-width:0}
.sc-runtime-controls input{width:100%;min-width:0}
.sc-runtime-controls .stack-buttons{display:flex;flex-wrap:wrap;gap:10px}
.sc-runtime-controls button{max-width:100%;min-width:0;white-space:normal}
.sc-runtime-status{margin-top:14px;color:var(--muted,#aaa);font-size:13px;overflow-wrap:anywhere}
@media(max-width:520px){.sc-runtime-box{padding:15px;border-radius:16px}.sc-runtime-controls .stack-buttons button{flex:1 1 130px}}

/* v1.22.12: actionable SSH authentication failure, mobile-safe */
.sc-wizard-recovery{margin:16px 0;padding:18px;border:1px solid rgba(197,3,55,.45);border-radius:16px;background:rgba(197,3,55,.06);overflow-wrap:anywhere;}
.sc-wizard-recovery[hidden]{display:none!important}
.sc-wizard-recovery strong{display:block;margin-bottom:8px;font-size:1rem;line-height:1.35}
.sc-wizard-recovery p{color:var(--muted,#b1b1b1);line-height:1.65;margin:0 0 14px;font-size:.92rem}
.sc-wizard-recovery button{max-width:100%;white-space:normal;min-height:46px;text-align:center}

/* v1.22.13 — one project-scoped VPS setup, no duplicate client wizard */
#serverConnectAccordion[hidden], #wizardRoadmap[hidden], [hidden] { display:none !important; }
.sc-quick-root { border-top:1px solid rgba(255,255,255,.12); padding-top:20px; margin-top:16px; }
.sc-quick-root label { display:flex; flex-direction:column; gap:8px; min-width:0; font-size:14px; color:var(--text-secondary,#b8b8b8); }
.sc-quick-root input:not([type="checkbox"]) { min-width:0; width:100%; max-width:100%; font-size:16px; }
.sc-quick-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(110px,140px); gap:12px; }
.sc-quick-advanced { margin-top:14px; padding:12px 14px; border:1px solid rgba(255,255,255,.12); border-radius:14px; }
.sc-quick-advanced summary { cursor:pointer; font-size:14px; }
.sc-quick-advanced[open] label { margin-top:14px; }
.sc-quick-advanced .hint { overflow-wrap:anywhere; }
.sc-quick-choices { display:flex; gap:12px; flex-wrap:wrap; margin:18px 0; }
.sc-quick-choices label { display:flex; flex-direction:row; align-items:center; flex:1 1 100px; gap:9px; padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.13); color:inherit; }
.sc-quick-choices input { flex:0 0 auto; width:18px; height:18px; accent-color:#c50337; }
.sc-quick-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.sc-quick-actions button { max-width:100%; }
.sc-quick-state { min-width:0; flex:1 1 150px; overflow-wrap:anywhere; color:#a6a6a6; font-size:13px; }
.sc-quick-state.error { color:#c50337; }
.sc-quick-stage { margin-top:18px; padding:16px; border-radius:15px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.14); overflow:hidden; }
.sc-quick-stage strong { display:block; font-size:16px; margin-bottom:10px; }
.sc-quick-command { display:flex; align-items:stretch; gap:9px; margin:12px 0; min-width:0; }
.sc-quick-command code { min-width:0; flex:1 1 auto; padding:12px; border-radius:10px; background:#090909; white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; font-size:12px; line-height:1.55; }
.sc-quick-command button { align-self:flex-start; flex:0 0 auto; }
.sc-quick-stage>button { margin-top:12px; max-width:100%; }
.sc-quick-server-hint { color:#959595; margin:8px 0 20px; line-height:1.5; }
@media (max-width:500px) {
 .sc-quick-grid { grid-template-columns:minmax(0,1fr) 96px; }
 .sc-quick-command { flex-wrap:wrap; }
 .sc-quick-command button { width:100%; }
 .sc-quick-root .primary, .sc-quick-stage>button { width:100%; }
}

/* v1.22.14 — project-first setup: one ROOT gate, then compact functional sections. */
#panelClientServer{min-width:0;max-width:100%;padding:0;background:transparent;border:0;box-shadow:none}
#panelClientServer .sc-workflow{margin:12px 0 22px}
#projectTabs{margin:0 0 18px;max-width:100%;display:flex;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
#projectTabs>.tab{flex:0 0 auto!important;min-width:77px!important;max-width:none!important;white-space:nowrap!important;padding:11px 13px!important;font-size:12px!important}
#panelSite>.sc-module-choice,#panelTelegram>.sc-module-choice{display:flex;margin:14px 0;padding:16px;border-radius:15px;gap:12px;align-items:start;background:#232323;border:1px solid #484848}
#panelSite>.sc-module-choice input,#panelTelegram>.sc-module-choice input{width:20px;height:20px;accent-color:#c50337;flex-shrink:0}
.sc-connection-summary{background:#171717;border:1px solid #ffffff28;border-radius:17px;margin:16px 0 5px;padding:16px;min-width:0}
.sc-connection-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.sc-connection-inner>div{min-width:0;overflow-wrap:anywhere}
.sc-connection-title{font-weight:750;color:#f4f4f4;font-size:16px}
.sc-connection-inner p{margin:8px 0 3px;font-size:14px;color:#f1f1f1}
.sc-connection-inner small{color:#9f9f9f;overflow-wrap:anywhere}
.sc-connection-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 0}
.sc-connection-actions #clientCheckState{font-size:12px;color:#aaaaaa;min-width:0;overflow-wrap:anywhere}
.sc-project-console{border-top:1px solid #ffffff1b;margin-top:15px;padding-top:14px;display:grid;gap:12px}
.sc-project-console textarea{width:100%;min-width:0;box-sizing:border-box;font-size:16px}
.sc-project-console pre{width:100%;box-sizing:border-box;max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.sc-internal-target{display:none!important}
#viewWorkspace .work-panel{max-width:100%;min-width:0}
@media(max-width:480px){#panelClientServer .sc-workflow{padding:16px;border-radius:18px}.sc-connection-inner>.secondary{width:100%;text-align:center}.sc-connection-actions>.secondary{width:100%}#projectTabs>.tab{font-size:12px!important;min-width:auto!important}}

#projectModules.sc-complete{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:8px 0 0!important}
#projectModules.sc-complete .sc-workflow-header{display:none!important}
#projectModules.sc-complete .sc-connection-summary{margin:0!important}
.sc-connection-inner>.secondary{font-size:12px!important}

/* V1.22.16: hide scrollbars without disabling touch/mouse scrolling. */
html,body,.main,.content,.sidebar,.view,.log-viewer,.file-browser,.file-editor{scrollbar-width:none!important;-ms-overflow-style:none!important}
html::-webkit-scrollbar,body::-webkit-scrollbar,.main::-webkit-scrollbar,.content::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.view::-webkit-scrollbar,.log-viewer::-webkit-scrollbar,.file-browser::-webkit-scrollbar,.file-editor::-webkit-scrollbar{display:none;width:0;height:0}
.sc-new-server-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:20px 0 25px}
.sc-new-server-actions>.hint{flex:1 1 210px;margin:0}
.sc-field-help{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;margin-top:3px;background:#272727;border:1px solid #646464;border-radius:50%;color:#fafafa;font-weight:700;cursor:pointer}
.sc-field-help[aria-expanded=true]{border-color:#c50337;color:#ff3262}
.sc-field-tip{display:block;background:#242424;border:1px solid #4d4d4d;border-radius:9px;padding:10px 12px;color:#ddd;font-size:12px;font-weight:400;line-height:1.55;overflow-wrap:anywhere}
.sc-field-tip[hidden]{display:none!important}
#clientGuidedWizard{white-space:normal;min-width:0}
@media(max-width:440px){.sc-new-server-actions>.primary{width:100%}.sc-quick-actions{display:flex;flex-wrap:wrap}.sc-quick-actions button{flex:1 1 140px}}

/* v1.22.17: persistent VPS connection wizard */
.sc-wizard-top .sc-wizard-restart{padding:7px 12px;font-size:12px;min-height:35px;margin:0 0 8px;opacity:.86}

/* v1.22.18 — per-project storage and previews. */
.sc-file-target{margin:14px 0 18px;padding:14px 16px;border:1px solid var(--line,#393939);border-radius:16px;background:rgba(255,255,255,.025);min-width:0;overflow-wrap:anywhere}
.sc-file-target strong{display:block;font-size:14px;margin-bottom:5px}
.sc-file-target-location{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text,#eee);word-break:break-word;user-select:text}
.sc-file-target small{display:block;margin-top:7px;color:var(--muted,#999);line-height:1.45}
.sc-preview-card{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px;margin:14px 0 18px;border:1px solid var(--line,#363636);border-radius:16px;min-width:0;background:rgba(255,255,255,.02)}
.sc-preview-card>div{min-width:0;flex:1}.sc-preview-card strong{font-size:15px}.sc-preview-card .hint{margin:7px 0 0;overflow-wrap:anywhere}
.sc-preview-card>button{flex:0 1 auto;max-width:100%;white-space:normal}
@media(max-width:530px){.sc-preview-card{flex-direction:column;align-items:stretch}.sc-preview-card>button{width:100%}}

/* Client project identity and long names */
.project-card .project-art{min-height:138px;height:auto;align-items:flex-start;gap:12px}
.project-card .big-icon{font-size:clamp(17px,1.6vw,24px);line-height:1.26;letter-spacing:-.45px;font-weight:800;overflow-wrap:anywhere;white-space:normal;max-width:80%;align-self:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.project-card .published{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}
.project-card .project-body h3{overflow-wrap:anywhere}
.sc-project-modal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.76);overflow-y:auto;display:flex;align-items:safe center;justify-content:center;padding:24px 12px}
.sc-project-modal-card{max-width:520px;width:100%;padding:26px;background:#1c1c1c;border:1px solid #3a3a3a;border-radius:18px;box-shadow:0 20px 65px #0009;margin:auto}
.sc-project-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.sc-project-modal-heading h2{margin:0;font-size:21px}
.sc-project-identity-details{padding:14px;border:1px solid #393939;border-radius:12px;margin-bottom:18px}
.sc-project-identity-details summary{cursor:pointer;font-weight:700;font-size:13px}
.sc-project-identity-details .hint{margin:12px 0}
@media(max-width:650px){.sc-project-modal-card{padding:19px}.project-card .big-icon{font-size:21px}.project-card .published{font-size:10px}.project-actions{flex-wrap:wrap}}
/* Final project-card layout overrides legacy single-initial art typography. */
.project-card .project-art{height:auto!important;min-height:156px!important;display:flex!important;align-items:flex-end!important;padding:52px 20px 18px!important;position:relative}
.project-card .project-art .big-icon,.project-card:nth-child(3n+2) .project-art .big-icon{font-size:clamp(18px,2vw,23px)!important;line-height:1.27!important;letter-spacing:-.02em!important;font-weight:780!important;display:block!important;max-width:100%!important;width:100%!important;overflow-wrap:break-word!important;word-break:normal!important;white-space:normal!important;align-self:auto!important;max-height:none!important;-webkit-line-clamp:unset!important;text-shadow:none!important}
.project-card .project-art .published{position:absolute;top:13px;right:14px;max-width:80%;font-size:10px}

/* v1.22.21 — standalone client project covers, no single-letter placeholders. */
.project-cover-card{position:relative;min-width:0;overflow:hidden}
.project-cover-card .project-art{position:relative!important;min-height:192px!important;height:auto!important;padding:22px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;overflow:hidden!important;
 background:radial-gradient(100% 155% at 100% 0%,rgba(197,3,55,.18),transparent 65%),linear-gradient(155deg,#29282a,#19191b 68%,#171719)!important}
.project-cover-card .project-cover{position:relative;z-index:2;min-width:0;max-width:calc(100% - 80px);display:flex;flex-direction:column;gap:13px;align-self:stretch}
.project-cover-card .project-cover-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.15em;line-height:1.45;color:#e46582;overflow-wrap:anywhere}
.project-cover-card .project-cover-title{display:block!important;max-width:100%;font-size:clamp(27px,3.5vw,42px)!important;font-weight:750!important;letter-spacing:-.045em!important;line-height:1.08!important;color:#f6f6f6!important;overflow-wrap:anywhere!important;word-break:normal!important;text-shadow:none!important}
.project-cover-card .project-cover-meta{display:block;max-width:100%;font-size:12px;line-height:1.4;color:#a9a7ab;overflow-wrap:anywhere}
.project-cover-card .published{position:relative!important;top:auto!important;right:auto!important;align-self:flex-start!important;flex:0 0 auto;max-width:75px!important;border-radius:9px!important;padding:7px 9px!important;font-size:9px!important;letter-spacing:.09em!important;background:#c5033714!important;border:1px solid #c5033759!important;color:#f1d5dd!important}
.project-cover-card .sc-cover-pattern{pointer-events:none;position:absolute;right:-14px;bottom:-36px;width:180px;height:150px;opacity:.27;transform:rotate(-17deg)}
.project-cover-card .sc-cover-pattern span{position:absolute;width:70px;height:70px;border:14px solid #b6aeb5;border-radius:20px;transform:rotate(35deg)}
.project-cover-card .sc-cover-pattern span:nth-child(1){left:0;top:8px}.project-cover-card .sc-cover-pattern span:nth-child(2){left:60px;top:8px;border-color:#c50337}.project-cover-card .sc-cover-pattern span:nth-child(3){left:0;top:69px;border-color:#c50337}.project-cover-card .sc-cover-pattern span:nth-child(4){left:60px;top:69px}
.project-cover-card .project-body{padding:18px 21px 14px!important}
.project-cover-card .project-body h3{font-size:20px!important;line-height:1.2!important;font-weight:720!important;margin:0 0 6px!important;overflow-wrap:anywhere}
.project-cover-card .project-body p{font-size:13px!important;line-height:1.45!important;color:#c7c7c7!important;margin:0 0 6px!important}
.project-cover-card .project-body small{font-size:12px!important;line-height:1.45!important;display:block!important;color:#959595!important}
.project-cover-card .accent{display:inline-flex!important;margin:0 21px 20px!important}
.project-cover-card .project-quick-delete{bottom:16px!important;right:16px!important}
@media(max-width:600px){
 .project-cover-card .project-art{min-height:174px!important;padding:19px 17px!important;gap:9px!important}
 .project-cover-card .project-cover{max-width:calc(100% - 72px);gap:10px}
 .project-cover-card .project-cover-title{font-size:clamp(25px,8.2vw,36px)!important}
 .project-cover-card .project-cover-kicker{font-size:9px;letter-spacing:.12em}
 .project-cover-card .sc-cover-pattern{opacity:.2}
 .project-cover-card .project-body{padding:16px 17px 12px!important}
 .project-cover-card .project-body h3{font-size:18px!important}
 .project-cover-card .accent{margin:0 17px 19px!important}
}
/* Compatibility for older cached card rendering until the updated JS loads. */
.project-card:not(.project-cover-card) .project-art .big-icon{display:none!important}
.project-card:not(.project-cover-card){position:relative}
.project-card:not(.project-cover-card) .project-body h3{position:absolute;top:64px;left:20px;max-width:65%;font-size:clamp(21px,4vw,33px)!important;line-height:1.1!important;color:#fff!important;word-wrap:break-word;z-index:3}

/* v1.22.22 — one continuous client-project cover, without a second name panel. */
.project-card.sc-unified-project-card{border-radius:22px!important;isolation:isolate;display:block!important;position:relative!important;background:#1c1c1e!important;min-width:0!important;overflow:hidden!important}
.sc-unified-project-card .project-art.sc-unified-cover{height:auto!important;min-height:268px!important;padding:21px 22px 23px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;gap:25px!important;position:relative!important;background:radial-gradient(ellipse at 100% 0%,rgba(197,3,55,.20),transparent 57%),linear-gradient(153deg,#29272a 0%,#1b1b1e 70%,#171719 100%)!important}
.sc-unified-project-card .sc-cover-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;position:relative;z-index:2}
.sc-unified-project-card .project-cover-kicker{font-size:10px!important;line-height:1.3;letter-spacing:.16em;font-weight:780;color:#df6481!important;flex:1;min-width:0}
.sc-unified-project-card .published{position:static!important;flex:0 0 auto!important;align-self:auto!important;max-width:none!important;border-radius:8px!important;padding:7px 9px!important;font-size:9px!important;white-space:nowrap!important;color:#eccbd3!important}
.sc-unified-project-card .sc-unified-heading{display:flex;flex-direction:column;gap:8px;min-width:0;position:relative;z-index:2;margin-top:5px}
.sc-unified-project-card .project-cover-title{font-size:clamp(26px,3vw,37px)!important;line-height:1.08!important;font-weight:770!important;letter-spacing:-.048em!important;overflow-wrap:anywhere!important;word-break:break-word!important;color:#faf9fa!important}
.sc-unified-project-card .sc-unified-slug{font:12px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;color:#9c969b;overflow-wrap:anywhere}
.sc-unified-project-card .sc-unified-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.10);min-width:0;position:relative;z-index:2}
.sc-unified-project-card .sc-unified-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1;padding-right:10px}
.sc-unified-project-card .sc-unified-owner{color:#e7e4e6;font-size:13px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}
.sc-unified-project-card .sc-unified-info small{display:block;font-size:11px;line-height:1.5;color:#a39da2;overflow-wrap:anywhere}
.sc-unified-project-card .sc-unified-open{color:#ff426b;font-weight:750;font-size:12px;white-space:nowrap;padding-bottom:2px;flex:none;margin-right:36px}
.sc-unified-project-card .sc-cover-pattern{right:-40px;bottom:48px;opacity:.15;z-index:0}
.sc-unified-project-card .project-quick-delete{bottom:15px!important;right:14px!important;z-index:5!important;min-height:34px!important;min-width:34px!important}
.sc-unified-project-card:is(:hover,:focus-visible){border-color:#833046!important}
@media(max-width:600px){
 .sc-unified-project-card .project-art.sc-unified-cover{min-height:245px!important;padding:19px 18px 21px!important;gap:22px!important}
 .sc-unified-project-card .project-cover-title{font-size:clamp(26px,7.5vw,36px)!important}
 .sc-unified-project-card .project-cover-kicker{font-size:9px!important;letter-spacing:.12em}
 .sc-unified-project-card .published{font-size:8px!important;padding:6px 7px!important}
 .sc-unified-project-card .sc-unified-footer{gap:10px}
 .sc-unified-project-card .sc-unified-open{margin-right:37px;font-size:12px}
}
@media(max-width:345px){.sc-unified-project-card .sc-unified-footer{align-items:flex-start;flex-direction:column;gap:12px}.sc-unified-project-card .sc-unified-open{margin-right:0;padding-bottom:0}.sc-unified-project-card .project-quick-delete{bottom:14px!important}}


/* Site Control 1.22.23: a unified client project tile (one continuous surface). */
.project-card.sc-unified-project-card {
  background: linear-gradient(153deg,#29272a 0%,#1b1b1e 70%,#171719 100%) !important;
  border-radius: 22px !important;
}
.sc-unified-project-card .project-art.sc-unified-cover {
  height: auto !important;
  min-height: 245px !important;
  gap: 18px !important;
  justify-content: flex-start !important;
  background: radial-gradient(ellipse at 93% 8%,rgba(197,3,55,.19),transparent 58%),
              linear-gradient(153deg,#29272a 0%,#1b1b1e 70%,#171719 100%) !important;
}
.sc-unified-project-card .sc-unified-heading {margin: 13px 0 0 !important;gap:7px !important}
.sc-unified-project-card .sc-unified-footer {
  margin-top: auto !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  align-items: end !important;
}
.sc-unified-project-card .sc-unified-open {margin-right: 34px !important;}
.sc-unified-project-card .sc-cover-pattern {opacity:.11 !important;pointer-events:none !important;}
.sc-unified-project-card .sc-unified-owner {color:#e4e1e4 !important;}
@media(max-width:600px) {
 .sc-unified-project-card .project-art.sc-unified-cover{min-height:228px !important;gap:16px !important;}
 .sc-unified-project-card .sc-unified-heading{margin:11px 0 0 !important;}
}
@media(max-width:345px) {
 .sc-unified-project-card .sc-unified-open{margin-right:0 !important;}
}
@media (max-width:360px) {
  .sc-unified-project-card .sc-unified-footer {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex-direction: column !important;
    gap: 9px !important;
    padding-bottom: 3px !important;
  }
  .sc-unified-project-card .sc-unified-info {width:100% !important;}
  .sc-unified-project-card .sc-unified-open {
    display: block !important;
    align-self: flex-start !important;
    margin: 0 !important;
    padding: 2px 0 0 !important;
  }
}

/* v1.22.24: measured visual polish confined to client project workspace. */
.sc-unified-project-card{transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;}
@media (hover:hover) and (pointer:fine){
 .sc-unified-project-card:hover{border-color:#9c314a!important;transform:translateY(-2px)!important;box-shadow:0 14px 40px #00000024!important;}
}
.sc-unified-project-card:focus-visible{outline:2px solid #cf4866!important;outline-offset:3px!important;}
.sc-unified-project-card .sc-unified-title{overflow-wrap:anywhere;}
@media (prefers-reduced-motion:reduce){.sc-unified-project-card{transition:none!important;}.sc-unified-project-card:hover{transform:none!important;}}