/* Creator OS · Studio visual system. Presentation only; no data or permission changes. */
:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f7f8fa;--surface-3:#e9ebef;--border:#e3e5e9;--text:#202124;--muted:#646970;--accent:#e93629;--accent-strong:#be241b;--accent-soft:#fff0ed;--red:#c83228;--danger:#c83228;--line:var(--border);--ink:var(--text);--shadow:0 16px 48px #20212412;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.5}
.app-shell{grid-template-columns:224px minmax(0,1fr)}
.sidebar{padding:24px 12px 16px;scrollbar-width:thin}
.brand{padding:0 10px 25px;gap:10px}.brand strong{font-size:18px;letter-spacing:-.5px}.brand-mark{flex-shrink:0;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#f34c35,#d92b22);box-shadow:none}
.nav{gap:3px}.nav-group-label{font-size:10px;letter-spacing:.16em;margin:20px 14px 7px;color:#777d85}.nav-item{position:relative;padding:10px 14px 10px 40px;border-radius:8px;line-height:1.45}.nav-item span{font-size:13px;font-weight:600}.nav-item small{font-size:10px;opacity:1;color:#81858c}.nav-item::before{content:"";position:absolute;left:15px;top:14px;width:13px;height:13px;border:1.5px solid currentColor;border-radius:4px;opacity:.65}.nav-item[data-route="dashboard"]::before{box-shadow:inset 5px 0 0 transparent;background:linear-gradient(90deg,transparent 44%,currentColor 45%,currentColor 55%,transparent 56%),linear-gradient(transparent 44%,currentColor 45%,currentColor 55%,transparent 56%)}.nav-item[data-route="creators"]::before,.nav-item[data-route="contacts"]::before{border-radius:50%}.nav-item[data-route="projects"]::before{border-radius:2px 5px 2px 2px}.nav-item.active{background:#fff0ed;color:#c72b20}.nav-item.active::after{content:"";position:absolute;left:-12px;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-item.active small{color:#aa625a}.sidebar-foot{font-size:11px;line-height:1.6;padding-top:18px;margin-top:24px}.sidebar-foot span{font-size:10px}.status-dot{background:#318467;box-shadow:0 0 0 4px #e9f4ee;flex-shrink:0}
.main{padding:0 clamp(20px,2.4vw,40px) 48px}.topbar{margin:0 calc(-1 * clamp(20px,2.4vw,40px)) 24px;padding:18px clamp(20px,2.4vw,40px);gap:20px;align-items:flex-start;background:#fffffff5;border-bottom:1px solid var(--border)}.topbar>div:first-child{flex:0 0 auto;min-width:160px}.topbar h1{font-size:24px;line-height:1.35;letter-spacing:-.6px;margin-top:6px}.eyebrow{font-size:10px;letter-spacing:.13em}.top-actions{gap:7px;max-width:860px}.global-search{width: min(300px,100%)}.global-search input{background:#f6f7f9;border-radius:8px}.privacy-chip{font-size:10px;letter-spacing:0;border-color:transparent;background:#f3f4f6;padding:4px 7px;overflow-wrap:anywhere}#runtime-chip{color:#36745d;background:#edf6f1}.role-switch select{font-size:11px;min-width:150px}#auth-logout{font-size:12px;padding:6px}.top-actions>.ghost-button{font-size:12px}
.priority-board{grid-template-columns:minmax(200px,.65fr) minmax(0,1.6fr);padding:24px;gap:24px;border-radius:14px;background:linear-gradient(115deg,#1c1d21,#292a30);border-color:#292a30;margin-bottom:20px}.priority-board h2{font-size:24px;letter-spacing:-.5px;margin:8px 0}.priority-board .eyebrow{color:#ff7866}.priority-board p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:290px;color:#c2c3c8}.priority-list{gap:10px;align-items:stretch}.priority-item{display:grid;grid-template-rows:36px 44px auto;align-content:start;align-items:start;padding:14px 12px;min-height:136px;border:1px solid #ffffff1c;border-radius:10px;background:#ffffff05;transition:background .15s,border-color .15s}.priority-item span{font-size:12px;line-height:18px;font-weight:500;color:#d8d9df}.priority-item strong{font-size:29px;line-height:36px;margin:0;font-weight:650;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.priority-item small{font-size:11px;line-height:17px;color:#aeb0b9}.priority-item:hover{background:#ffffff0c;border-color:#ffffff60;transform:none}
.stats-grid{gap:14px;margin-bottom:22px}.stat-card{padding:20px;min-width:0;border-radius:12px;box-shadow:0 2px 3px #20212402;display:grid;grid-template-rows:minmax(22px,auto) auto 1fr;align-content:start}.stat-card span{font-size:12px;font-weight:500}.stat-card strong{font-size:30px;font-weight:650;line-height:1.25;margin:12px 0 8px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat-card small{font-size:11px;line-height:1.7}.stat-card:first-child{border-top:3px solid var(--accent);padding-top:18px}
.panel,.filter-panel,.table-panel,.geo-panel{border-radius:12px;box-shadow:0 2px 4px #20212403}.panel{padding:22px}.panel h2,.page-intro h2{font-size:18px;line-height:1.45;letter-spacing:-.3px}.panel-head{margin-bottom:20px;align-items:center;flex-wrap:wrap}.page-intro{gap:24px;margin-bottom:20px;align-items:flex-start}.page-intro>p{font-size:12px;line-height:1.8;max-width:630px}.two-column{gap:20px;margin-bottom:22px}.filter-panel{padding:20px}.workflow-strip{border-radius:12px;background:linear-gradient(100deg,#fff0ed,#fff 55%);padding:18px 20px}.workflow-copy strong{font-size:14px}.workflow-steps{gap:20px}.table-panel{margin-top:10px}.table-scroll{scrollbar-width:thin;scrollbar-color:#c5c9cf #f8f9fa}th{background:#f7f8fa;padding:13px 16px;font-size:11px;letter-spacing:0;white-space:nowrap;color:#6b7078}td{padding:14px 16px;font-size:12px;line-height:1.65}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfc}.creator-cell strong{font-weight:600}.subtle,.helper{line-height:1.75}.list-toolbar{padding:10px 0;flex-wrap:wrap}.list-toolbar>div:last-child{flex-wrap:wrap;gap:10px}.inline-select{font-size:11px}.inline-select select{min-width:100px}.result-insights article{background:#fff;padding:12px 14px}.result-insights strong{font-size:18px}.saved-views{background:#fff;border-radius:10px}.pagination{padding:14px 16px;gap:10px;flex-wrap:wrap;background:#fcfcfd}
input,select,textarea{min-width:0;border-color:#dce0e5;border-radius:8px;background:#fff;font-size:13px;line-height:1.5}input::placeholder,textarea::placeholder{color:#90959d}label>span{font-size:11px;color:#6d737d}input[type="checkbox"],input[type="radio"]{accent-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.5;transform:none}.primary-button,.ghost-button{border-radius:8px;font-size:12px;min-height:36px;padding:8px 13px}.primary-button{background:#dc3528;border-color:#dc3528;box-shadow:0 1px 2px #0000000a}.primary-button:hover{transform:none}.ghost-button{background:#fff}.text-button{font-size:12px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #337cc5;outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:#7e8fa4;box-shadow:0 0 0 3px #3576b512}.tag{font-size:10px;letter-spacing:0;padding:4px 8px}.tag.amber{color:#986619;border-color:#e9d7ad;background:#fff8e9}
.empty-state{padding:52px 24px;border:1px dashed #d4d8df;border-radius:14px;background:#fff}.empty-state strong{font-size:20px}.empty-state span{font-size:13px;line-height:1.7}.empty-inline{padding:28px 20px;background:#fafbfc;border-radius:10px;color:var(--muted)}.notice{font-size:12px;line-height:1.8;background:#eff3f7;color:#586575;border:1px solid #e0e7ef}.drawer{box-shadow:-12px 0 48px #20212418}.drawer-section{padding-top:20px;border-top:1px solid var(--border)}.fact,.mini-project{background:#f7f8fa}.auth-card{border-radius:16px;box-shadow:0 20px 80px #2021240f;padding:36px}.auth-card h1{font-size:26px;line-height:1.45}.auth-gate{background:#f6f7f9f5}.management-tools button,.sop-grid article,.architecture-layer{border-radius:12px}.management-tools button{padding:18px;min-height:100px}.project-workflow-nav button{border-radius:9px}.selection-bar{border-radius:10px}.readiness-row{grid-template-columns:110px 1fr 48px}.progress{height:6px}.progress i{background:linear-gradient(90deg,#e7392b,#f6866f)}
@media(min-width:1600px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.priority-item{padding:16px}.main{padding-left:40px;padding-right:40px}}
@media(max-width:1250px){.priority-board{grid-template-columns:1fr;gap:18px}.priority-board p:not(.eyebrow){max-width:none}.priority-list{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar{flex-wrap:wrap}.top-actions{max-width:none}.topbar>div:first-child{flex:1}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.main{padding-inline:20px}.topbar{margin-inline:-20px;padding-inline:20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-list{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions{justify-content:flex-start}.global-search{width:100%}.two-column{grid-template-columns:minmax(0,1fr)}.page-intro{flex-direction:column;gap:8px}}
@media(max-width:780px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{padding:16px 20px;border-bottom:1px solid var(--border);border-right:0}.brand{padding:0}.nav-item.active::after{left:-8px}.main{padding:0 16px 32px}.topbar{margin:0 -16px 18px;padding:20px 16px;gap:14px}.topbar>div:first-child{flex:auto}.topbar h1{font-size:23px}.priority-board{padding:20px}.panel,.filter-panel{padding:18px}.privacy-chip{max-width:100%}.workflow-strip{gap:14px}.workflow-steps{white-space:normal;gap:12px}.panel-head{align-items:flex-start}.selection-bar{max-height:55vh;overflow:auto}.auth-card{padding:26px}.readiness-row{grid-template-columns:95px 1fr 46px}}
@media(max-width:520px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:14px}.stat-card:first-child{padding-top:12px}.stat-card strong{font-size:26px}.stat-card span{min-height:36px}.priority-item{grid-template-rows:36px 42px auto;padding:12px;min-height:136px}.priority-board h2{font-size:22px}.top-actions .privacy-chip{display:inline-flex;font-size:9px}#signed-in-user{flex-basis:100%;width:fit-content;max-width:100%}.top-actions{gap:6px}.role-switch select{min-width:140px}.list-toolbar>div:last-child{width:100%}.inline-select{width:100%;justify-content:space-between}.inline-select select{width:60%}.auth-card h1{font-size:23px}.fact-grid{grid-template-columns:1fr}.integration-detail dl div{flex-wrap:wrap}.integration-detail dd{text-align:left;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Legacy production navigation has no collapse button: keep every route reachable. */
@media(max-width:780px){.sidebar:not(:has(.mobile-nav-toggle)) .nav{display:flex;overflow-x:auto;gap:6px;padding:12px 0 3px;margin-top:10px;scrollbar-width:thin}.sidebar:not(:has(.mobile-nav-toggle)) .nav-group-label{display:none}.sidebar:not(:has(.mobile-nav-toggle)) .nav-item{flex:0 0 auto;width:auto;min-width:112px;min-height:42px;padding:11px 12px 11px 34px;white-space:nowrap}.sidebar:not(:has(.mobile-nav-toggle)) .nav-item small{display:none}.sidebar:not(:has(.mobile-nav-toggle)) .nav-item::before{left:12px;top:14px}.sidebar:not(:has(.mobile-nav-toggle)) .nav-item.active::after{display:none}}
.saved-views[hidden]{display:none}