:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#1d2939;background:#f4f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f4f6fa}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 5%,#dce8ff 0,transparent 32%),linear-gradient(145deg,#f8faff,#eef3fb)}.login-card{width:400px;padding:38px;background:#fffe;border:1px solid #fff;border-radius:20px;box-shadow:0 24px 70px #1d4ed81a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{font-size:24px;font-weight:750;margin-bottom:7px;letter-spacing:-.5px}.sub,.muted{color:#667085}.sub{margin-bottom:28px}.shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.side{background:linear-gradient(180deg,#111827,#172033);color:#dce3ef;padding:20px 14px;box-shadow:8px 0 24px #1018280a}.logo{font-size:19px;font-weight:750;padding:10px 13px 24px;color:#fff}.nav{display:flex;align-items:center;color:#aeb9ca;text-decoration:none;padding:11px 14px;margin:5px 0;border-radius:10px;transition:.18s}.nav:hover{background:#ffffff0c;color:#fff}.nav.router-link-active{background:linear-gradient(135deg,#3578f6,#2563eb);color:#fff;box-shadow:0 8px 22px #2563eb45}.main{min-width:0}.top{height:66px;background:#ffffffd9;border-bottom:1px solid #e8edf5;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.content{padding:28px 30px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat,.panel{background:#fff;border:1px solid #e7ecf3;border-radius:15px;box-shadow:0 4px 18px #10182808}.stat{padding:22px}.stat b{font-size:30px;display:block;margin-top:12px}.panel{padding:22px}.toolbar,.filters{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.filters{justify-content:flex-start;padding:14px 16px;background:#f8fafc;border:1px solid #edf1f6;border-radius:12px}.title{font-size:23px;font-weight:720;margin:0 0 20px;letter-spacing:-.4px}.thumb{width:48px;height:60px;object-fit:cover;border-radius:8px;background:#f2f4f7}.pager{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid #f0f2f5;margin-top:16px}.el-table{--el-table-header-bg-color: #f8fafc !important;--el-table-row-hover-bg-color: #f7faff !important}.el-table th.el-table__cell{font-weight:650;color:#475467}.el-dialog{border-radius:16px!important}.status-error{color:#d92d20}.status-success{color:#079455}@media(max-width:900px){.shell{grid-template-columns:76px 1fr}.side .label,.logo span{display:none}.cards{grid-template-columns:repeat(2,1fr)}.content{padding:20px}.filters>*{width:100%!important}}