.panel-layout{background:#f5f5f5;min-height:100svh}.panel-sidebar{z-index:1002;background:#151414;flex-direction:column;width:232px;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0}.panel-sidebar .panel-brand{color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;height:60px;padding:0 20px;font-size:15px;font-weight:600;display:flex}.panel-sidebar .panel-brand img{width:26px;height:26px}.panel-sidebar .panel-brand:hover{text-decoration:none}.panel-sidebar .panel-nav{flex:1;margin:0;padding:16px 12px;list-style:none;overflow-y:auto}.panel-sidebar .panel-nav li{margin-bottom:4px}.panel-sidebar .panel-nav a{color:#ffffffad;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;transition:background-color .15s,color .15s;display:flex}.panel-sidebar .panel-nav a .el-icon{font-size:17px}.panel-sidebar .panel-nav a:hover{color:#fff;background:#ffffff12;text-decoration:none}.panel-sidebar .panel-nav a.is-active,.panel-sidebar .panel-nav a.router-link-exact-active{color:#fff;background:#2a78d6}.panel-sidebar .panel-nav-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff57;padding:14px 14px 6px;font-size:11px}.panel-sidebar .panel-sidebar-foot{color:#ffffff80;border-top:1px solid #ffffff14;padding:14px 20px;font-size:12px;line-height:1.5}.panel-sidebar .panel-sidebar-foot .dot{background:#9e9e9e;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.panel-sidebar .panel-sidebar-foot .dot.is-running{background:#0ca30c}.panel-backdrop{display:none}.panel-main{min-width:0;margin-left:232px}.panel-topbar{z-index:1001;background:#fff;border-bottom:1px solid #ebeae6;align-items:center;gap:12px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.panel-topbar .panel-menu-toggle{cursor:pointer;color:#2d2727;background:0 0;border:0;padding:4px;font-size:20px;display:none}.panel-topbar .panel-title{margin:0;font-size:17px;font-weight:600}.panel-topbar .panel-logout{margin-left:auto}.panel-content{max-width:1480px;padding:24px}.panel-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.panel-page-head h2{margin:0;font-size:20px;font-weight:600}.panel-page-head p{color:#74726d;margin:4px 0 0;font-size:14px}.panel-page-actions{flex-wrap:wrap;gap:8px;display:flex}.panel-page-actions .el-button+.el-button{margin-left:0}.panel-card{background:#fff;border:1px solid #ebeae6;border-radius:8px}.panel-card+.panel-card{margin-top:18px}.panel-card-head{border-bottom:1px solid #ebeae6;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 18px;display:flex}.panel-card-head h3{margin:0;font-size:15px;font-weight:600}.panel-card-head p{color:#74726d;margin:2px 0 0;font-size:13px}.panel-card-body{padding:18px}.panel-grid{gap:18px;display:grid}.panel-grid.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid>.panel-card+.panel-card{margin-top:0}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}@media (width<=1100px){.panel-grid.is-2{grid-template-columns:minmax(0,1fr)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.panel-sidebar{transform:translate(-100%)}.panel-sidebar.is-open{transform:none}.panel-backdrop.is-open{z-index:1001;background:#0006;display:block;position:fixed;inset:0}.panel-main{margin-left:0}.panel-topbar{padding:0 16px}.panel-topbar .panel-menu-toggle{display:inline-flex}.panel-content{padding:16px}}:root{--el-color-primary:#2a78d6;--el-color-primary-light-3:#6aa1e3;--el-color-primary-light-5:#95bbec;--el-color-primary-light-7:#bfd6f4;--el-color-primary-light-8:#d4e4f7;--el-color-primary-light-9:#eaf1fb;--el-color-primary-dark-2:#1c5cab;--el-font-family:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--el-border-radius-base:6px}*,:after,:before{box-sizing:border-box}body,html{color:#2d2727;-webkit-font-smoothing:antialiased;background:#f5f5f5;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:#2a78d6;text-decoration:none}a:hover{text-decoration:underline}.tabular{font-variant-numeric:tabular-nums}.text-muted{color:#74726d}.el-button.is-link.is-danger,.is-danger.el-button--text{color:#d03b3b}.w-100{width:100%}
