:root { color-scheme: dark; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#07090c; color:#f5f7fa; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 80% 0%,#19233a 0,transparent 34%),radial-gradient(circle at 10% 45%,#29162c 0,transparent 28%),#07090c; }
main { width:min(1120px,calc(100% - 32px)); margin:auto; padding:32px 0 72px; }
header { display:flex; align-items:center; gap:14px; direction:ltr; }
.mark { width:48px; height:48px; display:grid; place-items:center; border:1px solid #7589ff; border-radius:16px; background:#111827; color:#aab6ff; font-weight:800; }
.eyebrow { margin:0 0 3px; color:#8e9baf; font-size:11px; letter-spacing:.18em; }
h1 { margin:0; font-size:18px; }
.status { margin-left:auto; border:1px solid #344054; border-radius:99px; padding:8px 12px; color:#b7c0ce; font-size:12px; }
.status.ok { color:#83e6b1; border-color:#236a45; background:#0c2519; }
.site-link { color:#c5ccff; text-decoration:none; border:1px solid #344054; border-radius:99px; padding:8px 12px; font-size:12px; }
.hero { padding:92px 0 55px; max-width:860px; }
.hero>p:first-child { color:#aab6ff; }
h2 { margin:10px 0 18px; font-size:clamp(38px,7vw,76px); line-height:1.15; letter-spacing:-.035em; }
.muted { color:#8e9baf; }
.panel,.metrics article { border:1px solid rgba(148,163,184,.18); background:rgba(12,16,23,.76); box-shadow:0 20px 60px rgba(0,0,0,.24); backdrop-filter:blur(16px); }
.panel { border-radius:24px; padding:22px; }
.access label { display:block; margin-bottom:12px; color:#c6ceda; }
.access div { display:flex; gap:10px; direction:ltr; }
input,textarea { flex:1; min-width:0; border:1px solid #303949; background:#090c11; color:white; border-radius:14px; padding:15px; outline:none; }
input:focus,textarea:focus { border-color:#7589ff; box-shadow:0 0 0 3px rgba(117,137,255,.12); }
textarea { width:100%; min-height:130px; resize:vertical; font:inherit; }
button { border:0; border-radius:14px; padding:0 24px; background:linear-gradient(135deg,#7c8cff,#b25cff); color:white; font-weight:700; cursor:pointer; }
.metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0; }
.metrics article { padding:20px; border-radius:20px; }
.metrics span { display:block; color:#8e9baf; font-size:13px; }
.metrics strong { display:block; margin-top:10px; font-size:28px; }
.section-title { display:flex; align-items:center; justify-content:space-between; }
.section-title h3 { margin:0 0 20px; }
#updated { color:#697586; font-size:12px; }
.employees { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.employee { border:1px solid #222a37; border-radius:16px; padding:15px; background:#0a0e14; }
.employee.executive { grid-column:1/-1; border-color:#6676d9; background:linear-gradient(135deg,#171c32,#0a0e14); }
.employee div { display:flex; align-items:center; justify-content:space-between; direction:ltr; }
.employee strong { font-size:14px; }
.employee small { color:#7f8b9d; }
.employee ul { margin:12px 0; padding-right:18px; color:#c5ccd7; font-size:12px; line-height:1.8; }
.brain { margin:8px 0 0; padding-top:9px; border-top:1px solid #222a37; color:#8e9cff; font-size:11px; }
.employee details { margin-top:10px; border-top:1px solid #222a37; padding-top:9px; }
.employee summary { cursor:pointer; color:#aab5c7; font-size:11px; }
.employee details ul { margin-bottom:0; color:#9da8b9; }
.badge { width:8px; height:8px; border-radius:50%; background:#596273; }
.badge.implemented { background:#57d996; box-shadow:0 0 14px #57d99680; }
.brand-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:14px; margin-bottom:18px; align-items:start; }
.operations-center { margin-bottom:18px; }
.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.capability-card { border:1px solid #252d3a; border-radius:18px; padding:18px; background:#090d13; }
.capability-card.primary { border-color:#5968ba; background:linear-gradient(145deg,#171d34,#090d13 70%); }
.capability-card span { color:#8e9cff; font-size:11px; }
.capability-card h4 { margin:10px 0 8px; font-size:16px; }
.capability-card p { margin:0; color:#919cad; font-size:12px; line-height:1.8; }
.control-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:18px; align-items:start; }
.stack { display:grid; gap:14px; }
.stack>label { display:grid; gap:7px; color:#aeb8c7; font-size:12px; }
.stack button,.control-grid button { min-height:48px; }
.request-panel { margin-bottom:18px; }
.preview-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.preview-card { display:grid; gap:10px; border:1px solid #252d3a; border-radius:16px; padding:14px; background:#090d13; }
.preview-card img,.preview-card video { width:100%; max-height:320px; object-fit:contain; border-radius:12px; background:#05070a; }
.preview-actions { display:flex; gap:8px; }
.preview-actions button { min-height:42px; flex:1; }
.preview-actions .reject { background:#7f2d3b; }
.onboarding form { display:grid; gap:15px; }
.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.form-grid label { display:grid; gap:7px; color:#aeb8c7; font-size:12px; }
select { width:100%; border:1px solid #303949; background:#090c11; color:white; border-radius:14px; padding:15px; outline:none; }
fieldset { display:flex; flex-wrap:wrap; gap:12px 18px; margin:0; border:1px solid #252d3a; border-radius:14px; padding:14px; }
fieldset legend { color:#8e9baf; padding:0 8px; font-size:12px; }
fieldset label { display:flex; align-items:center; gap:7px; color:#c5ccd7; font-size:12px; }
fieldset input { flex:none; width:16px; height:16px; accent-color:#8492ff; }
fieldset p { flex-basis:100%; margin:0; font-size:11px; }
.onboarding button { min-height:50px; }
.contracts { display:grid; gap:10px; }
.report-panel { margin-bottom:18px; }
.report-search { display:flex; gap:10px; direction:ltr; }
.report-search input { flex:1; }
.report-search button { min-height:48px; }
#customer-report { direction:ltr; text-align:left; overflow:auto; max-height:420px; border:1px solid #222a37; border-radius:14px; padding:14px; background:#070a0f; color:#b9c5d8; font-size:11px; }
.contract-card { display:grid; grid-template-columns:1fr auto; gap:8px; border:1px solid #222a37; border-radius:16px; padding:15px; background:#0a0e14; }
.contract-card p { grid-column:1/-1; margin:0; color:#8792a3; font-size:12px; direction:ltr; text-align:right; }
.contract-mode { border:1px solid #344054; border-radius:99px; padding:5px 8px; color:#b7c0ce; font-size:10px; }
.contract-mode.internal { border-color:#6659bf; color:#c2b9ff; background:#19152e; }
.contract-mode.external-client { border-color:#236a45; color:#83e6b1; background:#0c2519; }
[hidden] { display:none !important; }
@media (max-width:720px) { main{width:min(100% - 22px,1120px);padding-top:18px}.hero{padding:64px 0 38px}h2{font-size:42px}.metrics,.employees,.preview-grid,.capability-grid{grid-template-columns:1fr}.access div{flex-direction:column}.access button{min-height:48px}header .status{display:none} }
@media (min-width:721px) and (max-width:1000px) { .capability-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:900px) { .brand-grid,.control-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)} }
@media (max-width:720px) { .metrics{grid-template-columns:1fr} }
.storage-message{margin:-10px 0 18px;padding:12px 15px;border:1px solid #674f22;border-radius:13px;background:#211a0d;color:#e5c77d;font-size:12px}.charter-panel{margin-bottom:18px}.charter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.charter-grid article{border:1px solid #252d3a;border-radius:16px;padding:16px;background:#0a0e14}.charter-grid strong{color:#d8dcff}.charter-grid p{margin:8px 0 0;color:#909bad;font-size:13px;line-height:1.9}@media(max-width:720px){.charter-grid{grid-template-columns:1fr}}
.project-command-center{margin-bottom:18px}.project-title>div:first-child p{margin:-12px 0 18px}.live-controls{display:flex;align-items:center;gap:8px}.live-controls button{min-height:38px;padding:0 14px}.live-badge{font-size:11px;color:#75e7a8;border:1px solid #246b47;background:#0b2418;border-radius:99px;padding:7px 10px;direction:ltr}.project-list{display:grid;gap:16px}.project-card{display:grid;gap:15px;border:1px solid #283243;border-radius:20px;padding:18px;background:#080c12}.project-card-head{display:flex;justify-content:space-between;gap:14px}.project-card h4{margin:0;font-size:18px}.project-card-head p{margin:5px 0 0;color:#7e8a9c;font-size:11px;direction:ltr;text-align:right}.project-status{height:max-content;border:1px solid #3a4557;border-radius:99px;padding:6px 9px;font-size:10px;white-space:nowrap}.project-status.running{color:#7dd9ff;border-color:#245f78}.project-status.completed{color:#75e7a8;border-color:#246b47}.project-status.paused,.project-status.halted{color:#ffb4a9;border-color:#813a34}.project-status.redirect-requested{color:#e8c579;border-color:#775b24}.project-progress{position:relative;height:28px;overflow:hidden;border:1px solid #293243;border-radius:99px;background:#0d121a}.project-progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#6f80ff,#a45dff);opacity:.65}.project-progress span{position:relative;display:grid;place-items:center;height:100%;font-size:11px;direction:ltr}.project-now-next{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.project-now-next div{display:grid;gap:5px;border:1px solid #222b38;border-radius:13px;padding:11px}.project-now-next strong{font-size:10px;color:#8995a8}.project-now-next span{font-size:12px}.stage-path{display:flex;gap:9px;overflow-x:auto;margin:0;padding:3px 0 8px;list-style:none}.stage-path li{min-width:150px;display:grid;gap:4px;border-top:3px solid #384254;border-radius:10px;background:#0d1219;padding:10px}.stage-path li.completed{border-color:#3bbf7a}.stage-path li.running,.stage-path li.mother-review{border-color:#50b9ea}.stage-path li.revision{border-color:#d3a54f}.stage-path li.failed{border-color:#c64e58}.stage-path strong{font-size:11px}.stage-path span{font-size:9px;color:#8490a2}.project-files summary{cursor:pointer;color:#bbc5ff}.artifact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.artifact-card{display:grid;gap:8px;border:1px solid #26303e;border-radius:14px;padding:11px;background:#070a0f}.artifact-card small{color:#7e8999}.artifact-card img,.artifact-card video{width:100%;max-height:240px;object-fit:contain;border-radius:9px;background:#030507}.artifact-card audio{width:100%}.artifact-card pre{white-space:pre-wrap;max-height:200px;overflow:auto;margin:0;color:#c3cce0;font-size:11px}.artifact-card a{color:#aeb8ff;font-size:11px}.owner-controls{display:grid;grid-template-columns:.8fr 1.4fr;gap:9px;border-top:1px solid #242d3a;padding-top:14px}.owner-controls textarea{min-height:54px}.owner-control-buttons{grid-column:1/-1;display:flex;gap:8px}.owner-control-buttons button{min-height:42px;flex:1}.owner-control-buttons .pause{background:#853a3f}.owner-control-buttons .resume{background:#226d4b}.owner-control-buttons .redirect{background:#7659bd}@media(max-width:720px){.project-title,.project-card-head{align-items:flex-start;gap:10px}.project-title{display:grid}.project-now-next,.owner-controls,.artifact-grid{grid-template-columns:1fr}.owner-control-buttons{display:grid}.owner-control-buttons button{width:100%}}
.customer-archive{margin-bottom:18px}.customer-archive>.section-title button{min-height:38px}.archive-project-card{border:1px solid #283243;border-radius:18px;padding:16px;background:#090d13;margin-top:12px}.archive-project-card h4{margin:0}.archive-project-card>p{font-size:11px}.archive-folders{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.archive-folder{border:1px solid #27313f;border-radius:14px;background:#080b10;padding:12px}.archive-folder summary{cursor:pointer;color:#c1c9ff;font-size:12px}.archive-folder-content{display:grid;gap:9px;margin-top:12px}.archive-record{border:1px solid #222b38;border-radius:11px;padding:10px;background:#05080c}.archive-record pre{white-space:pre-wrap;max-height:240px;overflow:auto;color:#aeb9ca;font-size:10px;direction:ltr;text-align:left}@media(max-width:720px){.archive-folders{grid-template-columns:1fr}}
.live-controls select{width:auto;min-width:160px;padding:9px 12px}.brand-workspace-title{margin:0 0 16px;border:1px solid #4a5796;border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,#151b32,#0a0e14);color:#c7ceff;font-size:13px}@media(max-width:720px){.live-controls{width:100%;flex-wrap:wrap}.live-controls select{width:100%}}