:root{color:oklch(27% .018 165);font-synthesis:none;text-rendering:optimizelegibility;background:oklch(96.5% .008 150);font-family:Microsoft YaHei,Noto Sans SC,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0;overflow-x:hidden}button{font:inherit}.admin-shell{background:oklch(96.5% .008 150);grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:oklch(94% .008 155);background:oklch(28% .038 165);padding:22px 14px}.brand{border-bottom:1px solid oklch(62% .03 165/.28);align-items:center;gap:11px;min-height:48px;padding:0 10px 22px;display:flex}.brand-mark{color:oklch(28% .038 165);background:oklch(82% .14 86);border-radius:6px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:800;display:grid}.brand div{gap:2px;display:grid}.brand strong{font-size:14px}.brand span:last-child{color:oklch(76% .014 160);font-size:12px}nav{gap:4px;margin-top:22px;display:grid}.nav-item{color:oklch(80% .014 160);cursor:default;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 12px;display:flex}.nav-link{cursor:pointer;text-decoration:none;transition:color .18s ease-out,background .18s ease-out}.nav-link:hover{color:oklch(92% .008 155);background:oklch(34% .045 165)}.nav-link:focus-visible{outline-offset:2px;outline:2px solid oklch(82% .14 86)}.nav-link.router-link-exact-active{color:oklch(98% .004 150);background:oklch(42% .075 165)}.workspace{min-width:0}.topbar{background:oklch(99% .004 150);border-bottom:1px solid oklch(88% .015 155);justify-content:space-between;align-items:center;min-height:88px;padding:18px clamp(24px,4vw,48px);display:flex}.topbar p,.topbar h1{margin:0}.topbar p{color:oklch(53% .018 165);margin-bottom:5px;font-size:12px}.topbar h1{letter-spacing:0;font-size:24px;line-height:1.15}.environment{color:oklch(38% .085 165);background:oklch(92% .052 158);border-radius:5px;flex:none;padding:6px 10px;font-size:12px;font-weight:700}.topbar-actions{align-items:center;gap:12px;display:flex}.admin-account{color:oklch(42% .02 165);font-size:13px;font-weight:700}.logout-button{color:oklch(43% .03 165);cursor:pointer;background:0 0;border:1px solid oklch(82% .018 158);border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;transition:color .18s ease-out,background .18s ease-out,border-color .18s ease-out;display:flex}.logout-button:hover{color:oklch(34% .07 165);background:oklch(94% .025 158);border-color:oklch(72% .04 160)}.logout-button:focus-visible{outline-offset:2px;outline:2px solid oklch(51% .085 165)}.empty-state{color:oklch(48% .016 165);text-align:center;justify-items:center;width:min(520px,100% - 48px);margin:clamp(80px,15vh,150px) auto 0;display:grid}.empty-icon{color:oklch(42% .075 165);background:oklch(91% .052 158);border-radius:8px;place-items:center;width:56px;height:56px;display:grid}.empty-state h2{color:oklch(29% .018 165);letter-spacing:0;margin:20px 0 8px;font-size:20px}.empty-state p{overflow-wrap:anywhere;width:100%;max-width:48ch;margin:0;line-height:1.75}@media (width<=720px){.admin-shell{grid-template-columns:68px minmax(0,1fr)}.sidebar{padding-inline:8px}.brand{justify-content:center;padding-inline:0}.brand div,.nav-item span{display:none}.nav-item{justify-content:center;padding:0}.topbar{min-height:76px;padding-inline:20px}.environment,.admin-account{display:none}.logout-button{justify-content:center;width:34px;padding:0}.logout-button span{display:none}.empty-state{width:calc(100% - 32px)}.empty-state p{max-width:32ch}}
