/* Visual refinement: shared workspace surfaces, navigation and controls. */
:root{--navy:#20324d;--blue:#c8102e;--muted:#708099;--line:#e4eaf2;--bg:#faf3f4;--radius:16px}
body{font-family:"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
#workspace .app-side{background:linear-gradient(165deg,#192c49 0%,#122139 100%);border-right:1px solid #243853;padding-top:27px}
.side-brand>span{background:linear-gradient(145deg,#f4667e,#d1455c);box-shadow:0 4px 14px #0002;border:1px solid #ffffff24}
.side-brand strong{letter-spacing:.5px}.side-label{color:#9aacc7;letter-spacing:1.6px}
#workspace .app-side .tabs{gap:5px}
#workspace .app-side .tabs button{position:relative;border-radius:10px;min-height:44px;padding:11px 12px;transition:background .18s,color .18s}
#workspace .app-side .tabs button:hover{background:#ffffff0d;color:#fff}
#workspace .app-side .tabs button.active{background:linear-gradient(100deg,#953848,#2c436b);color:#fff;box-shadow:inset 0 0 0 1px #ffffff12,0 3px 10px #0001}
#workspace .app-side .tabs button.active:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:#ff92a4}
#workspace .topbar{background:#ffffffed;border-bottom:1px solid #e4eaf2;backdrop-filter:blur(14px)}
#workspace .topbar .brand{font-weight:650;letter-spacing:.3px}.user-tools .quiet{border-color:transparent;color:#65748b;border-radius:8px}.user-tools .quiet:hover{background:#faf0f2;border-color:#f4e2e5}
#workspace .container{padding-top:30px}#workspace .page-heading{margin-bottom:24px}#workspace .page-heading h1{letter-spacing:-.6px;font-size:28px;color:#1c304e;line-height:1.45}#workspace .page-heading .muted{line-height:1.85;font-size:12px}
#workspace .page-heading .pill{border-radius:20px;padding:7px 13px;background:#ffedf0;color:#ac4b5b;border-color:#f8dce1;white-space:normal}
#workspace .filters{border:1px solid #f2e1e4;border-radius:14px;padding:16px 18px;box-shadow:0 3px 14px #20375404;gap:14px}
#workspace .filters label{color:#63748e;font-weight:500;gap:7px;min-width:0}
#workspace .filters input,#workspace .filters select{background:#fdf8f9;border-color:#e2e8f1;border-radius:8px;transition:border-color .18s,box-shadow .18s}
#workspace .filters input:hover,#workspace .filters select:hover{border-color:#e2afb7}
#workspace .filters input:focus,#workspace .filters select:focus{border-color:#e97084;outline:2px solid #ffdce2;outline-offset:1px;background:#fff}
.panel{border-color:#e3e9f2;border-radius:16px;box-shadow:0 3px 16px #20375404;padding:24px}
.section-heading h2{font-weight:650;letter-spacing:-.3px}.section-heading{gap:16px}
.kpi,.ops-cards article,.developer-card{border-color:#f3e2e5;border-radius:13px;box-shadow:0 3px 12px #20375403}
.kpi-value,.ops-cards strong,.developer-card strong{font-variant-numeric:tabular-nums;letter-spacing:-.7px}
button{transition:background .15s,border-color .15s,box-shadow .15s}.primary{box-shadow:0 3px 8px #c8102e20}.primary:hover{background:#d13852;border-color:#d13852}
.table-scroll,.table-wrap{border-radius:10px}th{background:#fcf6f7;color:#65758d;font-weight:600}td{border-bottom-color:#edf1f6}tbody tr:hover td{background-color:#fff6f8}
.workspace-subnav{gap:7px}.workspace-subnav button{border-radius:9px}.workspace-subnav button.on{box-shadow:inset 0 0 0 1px #fcdce1;background:#ffedf0}
.period-shortcuts{gap:5px}.period-shortcuts button{border-radius:7px}.filter-advanced>div{border-radius:13px;box-shadow:0 12px 35px #20375415}
@media(max-width:700px){#workspace .app-side{background:#fff;border-right:0;padding:0 14px}#workspace .app-side .tabs{gap:20px}#workspace .app-side .tabs button{border-radius:0;padding:12px 0;min-height:44px}#workspace .app-side .tabs button.active{background:transparent;box-shadow:none;color:#c8102e}#workspace .app-side .tabs button.active:before{display:none}#workspace .app-side .tabs button:hover{color:#c8102e;background:transparent}#workspace .container{padding:20px 14px}#workspace .page-heading h1{font-size:24px}#workspace .filters{padding:13px;gap:11px}.panel{padding:17px 13px;border-radius:13px}.page-heading .pill{max-width:100%}}
@media(prefers-reduced-motion:reduce){button,#workspace .filters input,#workspace .filters select{transition:none}}

/* Yestar red: brand accents with a warm burgundy navigation surface. */
:root{--blue:#c8102e;--bg:#f8f5f6;--line:#eee4e7}
#workspace .app-side{background:linear-gradient(165deg,#481b29 0%,#2e1420 100%);border-right-color:#572635;color:#e8cbd2}
.side-brand>span{background:linear-gradient(145deg,#e63852,#c8102e);border-color:#ffffff24;box-shadow:0 4px 14px #0002}
.side-brand small,.side-label{color:#cf9eaa}.side-note{border-top-color:#69404c;color:#cfabb5}
#workspace .app-side .tabs button{color:#ddbbc4}
#workspace .app-side .tabs button.active{background:linear-gradient(100deg,#c8102e,#9f1932);color:#fff}
#workspace .app-side .tabs button.active:before{background:#ffbdc9}
#workspace .page-heading .eyebrow{color:#c8102e}
#workspace .page-heading .pill{background:#fff0f3;border-color:#f2d5dc;color:#ab2341}
#workspace .filters input:focus,#workspace .filters select:focus{border-color:#d7516b;outline-color:#f9dfe5}
.workspace-subnav button.on{color:#b51534;background:#fcecf0;box-shadow:inset 0 0 0 1px #f1d3dc}
.login-story{background:linear-gradient(145deg,#481b29,#851c35)}.login-bars i{background:#bd526a}.login-bars i:nth-child(7){background:#f29bad}
@media(max-width:700px){#workspace .app-side{background:#fff;border-right:0}#workspace .app-side .tabs button{color:#7b6b73}#workspace .app-side .tabs button.active{color:#c8102e;background:transparent;border-bottom-color:#c8102e}#workspace .app-side .tabs button:hover{color:#c8102e}}