:root{--bg-main:#f6f8fc;--aside-bg:#0b1120;--aside-text:#c8d6e5;--header-bg:#fff;--line-soft:#e8ecf2;--primary:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3;--accent:#0d9488;--accent-light:#2dd4bf;--danger:#dc2626;--danger-light:#fca5a5;--warn:#d97706;--warn-light:#fbbf24;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 3px rgba(15,23,42,.06);--shadow-md:0 4px 12px rgba(15,23,42,.08);--shadow-lg:0 8px 30px rgba(15,23,42,.12);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--transition:0.2s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}#admin-app,body,html{margin:0;min-height:100%;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-main);color:var(--text-primary);font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,sans-serif}::-moz-selection{background:var(--primary);color:#fff}::selection{background:var(--primary);color:#fff}.full-width{width:100%}.admin-layout{background:var(--bg-main);min-height:100vh}.layout-aside{background:linear-gradient(180deg,#0b1120,#151f38);border-right:1px solid hsla(0,0%,100%,.06);transition:width .24s ease}.brand{align-items:center;backdrop-filter:blur(4px);background:linear-gradient(135deg,rgba(79,70,229,.25),rgba(13,148,136,.15));border:1px solid hsla(0,0%,100%,.06);border-radius:12px;color:#f1f5f9;display:flex;font-size:15px;font-weight:800;height:56px;justify-content:center;letter-spacing:1.2px;margin:10px 10px 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.side-menu{background:transparent;border-right:none}.side-menu.el-menu{background-color:transparent}.side-menu .el-menu-item{border-radius:10px;color:var(--aside-text);font-size:13.5px;height:42px;line-height:42px;margin:4px 10px;transition:all var(--transition)}.side-menu .el-menu-item .el-icon{font-size:17px;margin-right:8px}.side-menu .el-menu-item:hover{background:rgba(148,163,184,.12);color:#e2e8f0}.side-menu .el-menu-item.is-active{background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 4px 12px rgba(79,70,229,.3);color:#fff;font-weight:600}.side-menu .el-sub-menu__title{border-radius:10px;color:var(--aside-text);font-size:13.5px;height:42px;line-height:42px;margin:4px 10px;transition:all var(--transition)}.side-menu .el-sub-menu__title .el-icon{font-size:17px;margin-right:8px}.side-menu .el-sub-menu__title:hover{background:rgba(148,163,184,.12);color:#e2e8f0}.side-menu .el-sub-menu.is-active>.el-sub-menu__title{background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 4px 12px rgba(79,70,229,.3);color:#fff;font-weight:600}.side-menu .el-menu--inline{background:transparent}.side-menu .el-menu--inline .el-menu-item{font-size:13px;height:38px;line-height:38px;margin-left:18px}.layout-header{background:var(--header-bg);border-bottom:1px solid var(--line-soft);box-shadow:0 1px 4px rgba(15,23,42,.04);height:62px;justify-content:space-between;padding:0 22px}.header-left,.layout-header{align-items:center;display:flex}.header-left{gap:14px}.layout-main{background:var(--bg-main);padding:22px}.el-card{border:none!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;transition:box-shadow var(--transition)!important}.el-card:hover{box-shadow:var(--shadow-md)!important}.el-card__header{border-bottom:1px solid var(--line-soft)!important;padding:18px 22px!important}.el-card__body{padding:20px 22px!important}.el-button--primary{--el-button-bg-color:var(--primary)!important;--el-button-border-color:var(--primary)!important;--el-button-hover-bg-color:var(--primary-dark)!important;--el-button-hover-border-color:var(--primary-dark)!important;border-radius:var(--radius-sm)!important;font-weight:500!important}.el-button--primary:focus-visible{box-shadow:0 0 0 3px rgba(79,70,229,.25)!important}.el-input__wrapper{border-radius:var(--radius-sm)!important;box-shadow:inset 0 0 0 1px #d1d5db!important;transition:box-shadow var(--transition)!important}.el-input__wrapper.is-focus{box-shadow:0 0 0 2px var(--primary) inset!important}.el-select .el-input__wrapper{border-radius:var(--radius-sm)!important}.el-pagination{--el-pagination-button-bg-color:transparent!important;font-weight:400!important}.el-dialog{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.el-dialog__header{font-size:17px!important;font-weight:700!important;padding:20px 24px 0!important}.el-dialog__body{padding:20px 24px!important}.el-dialog__footer{padding:0 24px 20px!important}.el-table{border-radius:var(--radius-md)!important;overflow:hidden!important}.el-table th.el-table__cell{background:#f1f5f9!important;color:var(--text-secondary)!important;font-size:13px!important;font-weight:600!important}.el-table__row:hover>td{background:#eef2ff!important}.el-table--striped .el-table__body tr.el-table__row--striped td{background:#fafbfc!important}.el-table--striped .el-table__body tr.el-table__row--striped:hover td{background:#eef2ff!important}.el-dropdown-menu__item{font-size:13px!important}.el-message{border-radius:var(--radius-md)!important;border-width:1px!important;box-shadow:var(--shadow-md)!important}.el-message-box{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.el-breadcrumb{font-size:13px!important}.el-breadcrumb__inner{color:var(--text-secondary)!important}.el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--text-primary)!important;font-weight:600!important}.el-date-editor .el-range-input{font-size:13px!important}.el-avatar{--el-avatar-bg-color:var(--primary)!important;font-weight:700!important;letter-spacing:.5px!important}.card-header{color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:.3px}.toolbar{align-items:center;display:flex;gap:10px;margin-bottom:16px}.search-input{width:320px}.users-table{width:100%}.users-table .el-table__row:hover>td{background:#eef2ff!important}.pager-wrap{display:flex;justify-content:flex-end;margin-top:16px}.kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(180px,1fr));width:100%}.kpi-card{background:linear-gradient(135deg,#f8fafc,#fff)!important;border:none!important;border-radius:var(--radius-md)!important;overflow:hidden;position:relative}.kpi-card:before{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--radius-md) var(--radius-md) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.kpi-label{color:var(--text-muted);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.kpi-value{color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:-.5px;margin-top:8px}.user-card-group{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:12px}.mini-user-card{background:#fbfdff;border-radius:10px}.mini-line{color:#475569;font-size:13px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-page{align-items:center;background:radial-gradient(ellipse at 15% 25%,rgba(79,70,229,.1) 0,transparent 50%),radial-gradient(ellipse at 85% 75%,rgba(13,148,136,.08) 0,transparent 50%),linear-gradient(135deg,#f0f4ff,#f5f0ff 50%,#f0fdf4);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{border-radius:18px!important;box-shadow:0 20px 60px rgba(15,23,42,.12),0 1px 3px rgba(15,23,42,.06)!important;overflow:hidden;width:min(420px,95vw)}.login-card .el-card__body{padding:36px 32px 32px!important}.login-card h2{color:var(--text-primary);font-size:24px;font-weight:800;letter-spacing:-.3px;margin:0 0 6px}.login-card .login-subtitle{color:var(--text-muted);font-size:14px;margin-bottom:28px}.login-card .el-form-item{margin-bottom:22px}.login-card .el-form-item__label{color:var(--text-secondary)!important;font-size:13px!important;font-weight:600!important;padding-bottom:6px!important}.login-card .el-button--primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;border:none!important;border-radius:var(--radius-sm)!important;font-size:15px;font-weight:600;height:44px;letter-spacing:.5px;transition:all var(--transition)!important}.login-card .el-button--primary:hover{box-shadow:0 8px 20px rgba(79,70,229,.3)!important;transform:translateY(-1px)}.route-slide-enter-active,.route-slide-leave-active{transition:all .28s cubic-bezier(.4,0,.2,1)}.route-slide-enter-from{opacity:0;transform:translateX(22px)}.route-slide-leave-to{opacity:0;transform:translateX(-22px)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-list-enter-active,.fade-list-leave-active{transition:all .26s ease}.fade-list-enter-from,.fade-list-leave-to{opacity:0;transform:translateY(10px)}@media (max-width:900px){.search-input{width:100%}.toolbar{flex-wrap:wrap}.kpi-grid{grid-template-columns:1fr}}.card{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:0;transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card>h3,.card>h4{border-bottom:1px solid var(--line-soft);color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:.2px;margin:0;padding:18px 22px}.card>h3+div,.card>h4+div{border-top:none}.row{align-items:center;background:#fafbfc;border-bottom:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:14px 22px}.row:last-of-type{border-bottom:none}.pager{align-items:center;background:#fafbfc;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--line-soft);color:var(--text-muted);display:flex;font-size:13px;gap:12px;justify-content:center;margin:0;padding:14px 22px}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:13px;padding:7px 10px;transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.1);outline:none}input::-moz-placeholder{color:var(--text-muted)}input::placeholder{color:var(--text-muted)}button.primary,button.warn{border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.3px;padding:7px 14px;transition:all var(--transition);white-space:nowrap}button.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 2px 6px rgba(79,70,229,.2)}button.primary:hover:not(:disabled){box-shadow:0 4px 14px rgba(79,70,229,.3);transform:translateY(-1px)}button.primary:active:not(:disabled){transform:translateY(0)}button.primary:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;opacity:.6}button.warn{background:linear-gradient(135deg,var(--danger),#b91c1c);box-shadow:0 2px 6px rgba(220,38,38,.2)}button.warn:hover:not(:disabled){box-shadow:0 4px 14px rgba(220,38,38,.3);transform:translateY(-1px)}table{background:#fff;border:none;border-collapse:separate;border-spacing:0;width:100%}thead{background:#f1f5f9}th{background:#f1f5f9;border-bottom:2px solid var(--line-soft);color:var(--text-secondary);font-size:12.5px;font-weight:700;letter-spacing:.5px;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}td,th{padding:11px 14px;text-align:left}td{border-bottom:1px solid var(--line-soft);color:var(--text-primary);font-size:13px;transition:background-color .15s;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#eef2ff}tbody tr:active td{background:#e0e7ff}.status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.2px;line-height:18px;padding:3px 10px}.status.pending{background:#fef3c7;color:#92400e}.status.approved,.status.completed,.status.passed,.status.success{background:#dcfce7;color:#166534}.status.failed,.status.no-pass,.status.rejected{background:#fee2e2;color:#991b1b}.drawer-mask{animation:drawerFadeIn .2s ease;backdrop-filter:blur(2px);background:rgba(15,23,42,.4);display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:3000}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.drawer-panel{animation:drawerSlideIn .25s cubic-bezier(.4,0,.2,1);background:#fff;border-left:1px solid var(--line-soft);box-shadow:-8px 0 30px rgba(15,23,42,.15);height:100%;overflow-y:auto;padding:20px 22px;width:min(620px,92vw)}@keyframes drawerSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-panel h4{border-bottom:2px solid var(--primary);color:var(--text-primary);display:inline-block;font-size:16px;font-weight:700;margin:0 0 16px;padding-bottom:12px}.report-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.report-box{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:14px;transition:box-shadow var(--transition)}.report-box:hover{box-shadow:var(--shadow-sm)}.kpi{color:var(--text-secondary);font-size:13px;margin-bottom:4px}.receipt-account,.receipt-detail{color:var(--text-secondary);line-height:1.6}.receipt-detail a{color:var(--primary);font-weight:500;text-decoration:none}.receipt-detail a:hover{color:var(--primary-dark);text-decoration:underline}.mt-16{margin-top:16px}