:root{--ink:#202723;--muted:#7a817d;--green:#1d5c45;--line:#e7e8e5;--cream:#f5f4ef;--coral:#e97359}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{background:#174b39;color:#fff;padding:28px 18px 22px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px;font-family:Georgia,serif;font-size:25px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d8b57c;color:#d8b57c;border-radius:50% 50% 45% 45%;font-size:19px}nav{display:flex;flex-direction:column;gap:6px}nav button,.sidebar-bottom>button{border:0;color:#c8d7d1;background:transparent;border-radius:9px;padding:12px 13px;text-align:left;display:flex;align-items:center;gap:12px;font-size:14px}nav button span,.sidebar-bottom>button span{width:18px;text-align:center;font-size:18px}nav button b{margin-left:auto;background:#ef775f;color:#fff;border-radius:12px;min-width:22px;padding:2px 6px;text-align:center;font-size:11px}nav button:hover,nav button.active{background:#ffffff1f;color:#fff}nav button.sub{padding-left:35px}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff29;padding-top:12px}.profile{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:18px 8px 0}.profile strong,.profile small{display:block}.profile strong{font-size:13px}.profile small{color:#aebfb8;font-size:11px;margin-top:3px}.avatar{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#31564a;background:#dbeee7;font-size:11px;font-weight:700}.avatar.blue{background:#dce9f3;color:#3c607a}.avatar.orange,.avatar.peach{background:#f4dfd1;color:#8e5940}.avatar.purple{background:#e8e1f3;color:#66527e}.avatar.rose{background:#f3dfe1;color:#85545a}.workspace{padding:28px 34px 48px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.topbar h1{margin:0 0 5px;font-family:Georgia,serif;font-weight:500;font-size:29px;letter-spacing:-.4px}.topbar p{margin:0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:9px}.search{height:40px;width:242px;border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:8px;color:#999}.search input{width:100%;border:0;outline:0;font-size:12px}.icon-button,.date-button{height:40px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#555}.icon-button{width:40px;position:relative}.icon-button i{position:absolute;width:6px;height:6px;background:#ee725b;border-radius:50%;top:9px;right:9px}.date-button{padding:0 13px;display:flex;gap:8px;align-items:center;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px 17px;display:flex;gap:13px;min-width:0}.metric-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;font-size:18px}.metric-icon.green{background:#dfede7;color:#35715c}.metric-icon.coral{background:#fae3dd;color:#d96850}.metric-icon.amber{background:#f7edd3;color:#af7e25}.metric-icon.blue{background:#e0eaf2;color:#47728c}.metrics p{font-size:12px;color:#777;margin:1px 0 7px}.metrics strong{font-family:Georgia,serif;font-size:24px;font-weight:500}.metrics strong small{font:400 11px Inter,sans-serif;color:#888}.metrics div>span{display:block;font-size:10px;margin-top:8px}.positive{color:#3f866b}.negative{color:#d56651}.muted{color:#8a8e8b}.section-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(320px,.78fr);gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:11px}.card-heading{padding:19px 20px 16px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);gap:12px}.card-heading h2{font-family:Georgia,serif;font-weight:500;font-size:18px;margin:0 0 4px}.card-heading p{margin:0;color:#8b8f8c;font-size:11px}.card-heading>button{border:0;background:transparent;color:#2d7057;font-size:11px;padding:4px}.card-heading .primary{background:#245f49;color:#fff;border-radius:7px;padding:9px 13px}.shift-row{display:grid;grid-template-columns:135px 1fr;border-bottom:1px solid var(--line);min-height:112px}.shift-time{padding:22px 20px;border-right:1px solid var(--line)}.shift-time strong,.shift-time span{display:block}.shift-time strong{font-size:13px;margin-bottom:7px}.shift-time span{font-size:10px;color:#888}.people{padding:17px 20px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center}.person{display:flex;align-items:center;gap:10px;min-width:0}.person strong,.person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person strong{font-size:11px}.person small{color:#8a8d8b;font-size:9px;margin-top:4px}.status{border-radius:999px;padding:6px 9px;font-size:9px;white-space:nowrap;width:max-content}.status.live{background:#dcefe6;color:#34735b}.status.soon{background:#f5ead0;color:#8c6a25}.status.off{background:#ededeb;color:#777}.handoff{margin:14px;background:#f4f1e8;border-radius:8px;padding:13px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px}.handoff>span{color:#ae8132}.handoff strong{font-size:11px}.handoff p{font-size:10px;color:#777;margin:4px 0 0}.handoff button{border:0;background:transparent;color:#27624c;font-size:10px}.product-list{padding:2px 18px}.product-row{display:grid;grid-template-columns:24px 1fr 80px 38px;align-items:center;gap:8px;padding:16px 0;border-bottom:1px solid #efefec}.product-row:last-child{border-bottom:0}.rank{width:22px;height:22px;border-radius:6px;background:#f3f1ec;display:grid;place-items:center;font-size:10px;color:#777}.product-info strong,.product-info small{display:block}.product-info strong{font-size:11px}.product-info small{font-size:9px;color:#949693;margin-top:4px}.score{text-align:right}.score strong{font-family:Georgia,serif;font-size:18px}.stars{font-size:9px;letter-spacing:1px;color:#d9d9d5;display:block}.stars .on{color:#e4aa43}.change{font-size:10px;color:#d36550;text-align:right}.change.up{color:#3b8667}.full-card{overflow:hidden}.table-head,.staff-row{display:grid;grid-template-columns:1.5fr .7fr .7fr .8fr .65fr;gap:20px;align-items:center;padding:14px 22px}.table-head{background:#fafaf8;color:#8a8d8b;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.staff-row{border-top:1px solid var(--line);font-size:12px}.staff-row>span:not(.status){color:#626763}.reviews-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(275px,.55fr);gap:15px}.filters{display:flex;gap:5px}.filters button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 9px;font-size:10px;color:#747875}.filters button.selected{background:#245f49;color:#fff;border-color:#245f49}.review-list{padding:0 20px}.review{padding:18px 0;border-bottom:1px solid var(--line);transition:.2s}.review.resolved{opacity:.46}.review-top{display:flex;justify-content:space-between;align-items:center}.review-top strong{font-size:13px}.sku{font-size:9px;color:#999;margin-left:8px}.tag{background:#f2eee5;color:#856d3e;border-radius:999px;padding:5px 8px;font-size:9px}.tag.urgent{background:#fae3dd;color:#bd5945}.review>.stars{margin-top:7px}.review>p{font-family:Georgia,serif;font-size:13px;line-height:1.55;color:#515653;margin:9px 0}.review-foot{display:flex;justify-content:space-between;align-items:center;color:#929592;font-size:9px}.review-foot button{border:1px solid #a9c2b8;color:#27624c;background:#fff;border-radius:6px;padding:7px 10px;font-size:9px}.insight{padding:22px;height:max-content}.eyebrow{font-size:9px;letter-spacing:.12em;color:#9a7a41;margin:0 0 7px}.insight h2{font-family:Georgia,serif;font-size:18px;font-weight:500;margin:0}.donut{width:145px;height:145px;margin:24px auto;border-radius:50%;background:conic-gradient(#e8755b 0 38%,#e6ad48 38% 65%,#6f97ad 65% 86%,#d6d7d3 86%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;background:#fff;border-radius:50%;inset:22px}.donut div{z-index:1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font:500 23px Georgia,serif}.donut span{font-size:9px;color:#888;margin-top:4px}.insight ul{list-style:none;margin:0;padding:0}.insight li{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;padding:7px 0;font-size:10px}.dot{width:7px;height:7px;border-radius:50%}.coral-dot{background:#e8755b}.amber-dot{background:#e6ad48}.blue-dot{background:#6f97ad}.gray-dot{background:#d6d7d3}.tip{display:flex;gap:9px;background:#f4f1e8;border-radius:8px;padding:12px;margin-top:18px;color:#8a6e37}.tip p{margin:0;font-size:9px;line-height:1.5;color:#6d706d}.tip b{display:block;color:#6c5529;margin-bottom:2px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.section-grid,.reviews-layout{grid-template-columns:1fr}.top-actions .search{display:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;bottom:0;top:auto;width:100%;height:62px;min-height:0;padding:8px 12px;display:block}.brand,.sidebar-bottom,nav button.sub{display:none}nav{display:grid;grid-template-columns:repeat(3,1fr)}nav button{justify-content:center;padding:10px 5px}nav button span{display:none}.workspace{padding:20px 14px 84px}.topbar{align-items:flex-start}.top-actions .date-button{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:14px 12px}.metrics .metric-icon{display:none}.shift-row{grid-template-columns:95px 1fr}.people{grid-template-columns:1fr}.people .status{display:none}.table-head{display:none}.staff-row{grid-template-columns:1fr 1fr;padding:14px}.staff-row>span:nth-child(3),.staff-row>span:nth-child(4){display:none}.filters{flex-wrap:wrap}.card-heading{padding:16px}.topbar h1{font-size:24px}}
/* Blazor-specific star rendering */
.stars{color:#e4aa43}.stars i{color:#d9d9d5;font-style:normal}
.schedule-card{overflow:hidden}.schedule-actions{display:flex;gap:6px}.schedule-actions button{border:1px solid var(--line);background:#fff;color:#66706b;border-radius:6px;padding:7px 9px;font-size:10px}.schedule-actions button.primary{background:#245f49;color:#fff;border-color:#245f49}.week-grid{display:grid;grid-template-columns:minmax(170px,1.35fr) repeat(7,minmax(90px,1fr));overflow-x:auto}.week-head{padding:14px 8px;text-align:center;background:#fafaf8;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.week-head strong,.week-head span{display:block}.week-head strong{font-size:10px}.week-head span{font-size:9px;color:#929692;margin-top:4px}.week-head.employee-col{text-align:left;padding-left:20px;color:#777;font-size:10px;text-transform:uppercase}.week-person,.shift-cell{min-height:76px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 10px}.week-person{display:flex;align-items:center;gap:9px}.week-person strong,.week-person small{display:block}.week-person strong{font-size:10px}.week-person small{font-size:9px;color:#929692;margin-top:3px}.shift-cell{text-align:center}.shift-cell small{display:block;color:#8c918d;font-size:8px;margin-top:7px}.shift-chip{display:inline-block;border-radius:5px;padding:5px 7px;font-size:9px}.shift-chip.morning{background:#dcefe6;color:#34735b}.shift-chip.afternoon{background:#f5ead0;color:#8c6a25}.shift-chip.off{background:#eeeeeb;color:#858986}.schedule-legend{display:flex;gap:20px;padding:14px 20px;font-size:9px;color:#727773}.schedule-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:50%}.legend-dot.morning{background:#80b59f}.legend-dot.afternoon{background:#dcb55f}.legend-dot.off-day{background:#bfc1bd}