:root{--bg:#f3f6fb;--surface:#fff;--surface-2:#eef3ff;--text:#1f2a44;--text-soft:#61708a;--line:#dbe3f2;--brand:#1f7aff;--brand-strong:#0f5ed6;--ok:#16a34a;--warn:#f59e0b;--danger:#dc2626;--shadow:0 10px 30px #1f2a4414}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 15% 10%, #dce8ff 0, var(--bg) 40%);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}a{color:inherit}.admin-shell{min-height:100vh;display:flex}.shell-sidebar{color:#c7d7f0;background:linear-gradient(#183153 0%,#122742 100%);flex-direction:column;gap:18px;width:260px;padding:18px 14px;transition:width .25s;display:flex}.shell-sidebar.collapsed{width:90px}.brand{align-items:center;gap:10px;padding:6px 8px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#1f7aff,#5aa2ff);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.brand .title{color:#fff;font-size:15px;font-weight:600}.brand .sub{opacity:.8;font-size:12px}.menu{flex-direction:column;gap:6px;display:flex}.menu-item{color:#d7e4fa;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.menu-item .dot{background:#7ea8e8;border-radius:999px;width:8px;height:8px}.menu-item.router-link-active{color:#fff;background:#1f7aff33}.menu-item.active{color:#fff;background:#1f7aff2e}.menu-item.router-link-active .dot,.menu-item.active .dot{background:#fff}.submenu{border-left:1px solid #c7d7f033;flex-direction:column;gap:4px;margin:-2px 0 8px 18px;padding-left:12px;display:flex}.submenu-item{color:#b9cbea;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;text-decoration:none;display:flex}.submenu-item.router-link-active{color:#fff;background:#1f7aff29}.submenu-mark{opacity:.7;background:currentColor;border-radius:999px;width:6px;height:6px}.collapse-btn{color:#d8e5fb;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:10px;margin-top:auto;padding:10px}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex}.top-title{font-size:20px;font-weight:700}.top-sub{color:var(--text-soft);margin-top:2px;font-size:12px}.top-actions{align-items:center;gap:10px;display:flex}.user{background:var(--surface-2);color:var(--brand-strong);border-radius:999px;padding:6px 12px;font-size:12px}.logout{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 12px}.shell-content{padding:20px 24px}.page-panel{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:14px;padding:18px}.page-title{margin:0 0 16px;font-size:18px;font-weight:700}.grid-cards{grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;display:grid}.stat-card{border:1px solid var(--line);background:linear-gradient(#fff,#f8fbff);border-radius:12px;padding:14px}.stat-card .label{color:var(--text-soft);font-size:13px}.stat-card .value{margin-top:8px;font-size:28px;font-weight:700}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto}table{border-collapse:collapse;background:var(--surface);width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px;font-size:14px}th{color:#43526a;background:#f7faff}.btn,button{cursor:pointer;border:none;border-radius:8px;padding:8px 12px}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-strong)}.btn-ghost{background:var(--surface);border:1px solid var(--line)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}@media (width<=960px){.shell-sidebar{width:88px}.shell-sidebar .brand-text,.shell-sidebar .menu-item span,.shell-sidebar .collapse-btn{display:none}.grid-cards{grid-template-columns:repeat(2,minmax(120px,1fr))}}