:root{--clr-primary:#7c3aed;--clr-primary-dark:#6d28d9;--clr-primary-light:#a78bfa;--clr-primary-gradient:linear-gradient(135deg, #7c3aed, #a78bfa);--bg-0:#0f0f23;--bg-1:#1e1c35;--bg-2:#2a2850;--txt-primary:#e2e8f0;--txt-secondary:#94a3b8;--txt-muted:#64748b;--clr-success:#10b981;--clr-warning:#f59e0b;--clr-danger:#ef4444;--clr-info:#3b82f6;--bdr-default:#4c1d95;--bdr-light:#37306b;--r-sm:8px;--r-md:12px;--r-lg:16px;--sh-2:0 4px 12px #7c3aed26;--sh-glow:0 0 20px #7c3aed4d;--ff-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sidebar-width:220px;--dialog-width-sm:450px;--dialog-width-md:500px;--dialog-width-lg:550px;--dialog-width-xl:600px;--search-width-sm:140px;--search-width-md:200px;--search-width-lg:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg-0);min-height:100%;color:var(--txt-primary);font-family:var(--ff-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#app{height:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4c1d95;border-radius:2px}*{scrollbar-width:thin;scrollbar-color:#4c1d95 transparent}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s}button:active{transform:scale(.97)}::selection{color:#fff;background:#7c3aed4d}.app-container{height:100vh}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2{color:var(--txt-primary);font-size:20px;font-weight:600}.stat-card{background:var(--bg-1);border-radius:var(--r-md);padding:20px;transition:box-shadow .3s,transform .25s}.stat-card:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}.stat-card .stat-label{color:var(--txt-secondary);margin-bottom:8px;font-size:14px}.stat-card .stat-value{color:var(--txt-primary);font-size:28px;font-weight:700}.stat-card .stat-icon{opacity:.15;font-size:40px}.search-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-sidebar{background-color:var(--bg-0)}.admin-sidebar .el-menu{border-right:none}.admin-sidebar .el-menu-item,.admin-sidebar .el-sub-menu__title{color:var(--txt-secondary)}.admin-sidebar .el-menu-item.is-active{color:var(--clr-primary);background-color:#7c3aed1a}.admin-sidebar .el-menu-item:hover,.admin-sidebar .el-sub-menu__title:hover{background-color:var(--bg-2)}.sidebar-logo{height:60px;color:var(--txt-primary);border-bottom:1px solid var(--bdr-light);white-space:nowrap;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;overflow:hidden}.el-button--primary{background:var(--clr-primary-gradient);border-radius:var(--r-md);letter-spacing:.5px;color:#fff;border:none;min-height:40px;padding:8px 20px;font-weight:600}.el-button--primary.el-button--small{min-height:32px;padding:4px 12px;font-size:13px}.el-button--primary:hover{box-shadow:var(--sh-glow);opacity:.92}.el-button--primary:active{transform:scale(.97)}.el-button--primary.is-loading{opacity:.7}.el-input__wrapper{background:var(--bg-2);border:1px solid var(--bdr-light);border-radius:var(--r-sm);box-shadow:none;transition:border-color .2s,box-shadow .2s}.el-input__wrapper.is-focus{border-color:var(--clr-primary);box-shadow:0 0 0 1px #7c3aed40}.el-input__inner{color:var(--txt-primary);caret-color:var(--clr-primary)}.el-input__inner::placeholder{color:var(--txt-muted)}.el-card{background:var(--bg-1);border-radius:var(--r-md);border:none}.el-card:hover{box-shadow:var(--sh-2)}.el-card__body{padding:16px}.el-tag--success{color:var(--clr-success);background:#10b98126;border:none}.el-tag--warning{color:var(--clr-warning);background:#f59e0b26;border:none}.el-tag--danger{color:var(--clr-danger);background:#ef444426;border:none}.el-tag--info{color:var(--clr-info);background:#3b82f626;border:none}.el-table{background:var(--bg-1);color:var(--txt-primary);--el-table-border-color:var(--bdr-light);--el-table-header-bg-color:var(--bg-2);--el-table-tr-bg-color:var(--bg-1);--el-table-row-hover-bg-color:var(--bg-2)}.el-table th.el-table__cell{background:var(--bg-2);color:var(--txt-secondary);font-weight:600}.el-table td.el-table__cell{color:var(--txt-primary)}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#2a285066}.el-dialog{background:var(--bg-1);border-radius:var(--r-lg);border:1px solid var(--bdr-light)}.el-dialog__title{color:var(--txt-primary);font-size:18px}.el-dialog__body{color:var(--txt-secondary);padding:16px}.el-dialog__headerbtn .el-dialog__close{color:var(--txt-muted)}.el-dialog__headerbtn:hover .el-dialog__close{color:var(--txt-primary)}.el-message{border-left:4px solid var(--clr-primary);background:var(--bg-1);border-radius:var(--r-sm);box-shadow:var(--sh-2)}.el-message .el-message__content{color:var(--txt-primary)}.el-pagination{--el-pagination-button-bg-color:var(--bg-1);--el-pagination-button-hover-bg-color:var(--bg-2);--el-pagination-text-color:var(--txt-secondary)}.el-pagination button{background:var(--bg-1);border-radius:var(--r-sm);color:var(--txt-secondary)}.el-pagination button.is-active{background:var(--clr-primary);color:#fff}.el-pagination .el-pager li{background:var(--bg-1);border-radius:var(--r-sm);color:var(--txt-secondary)}.el-pagination .el-pager li.active{background:var(--clr-primary);color:#fff}.el-switch.is-checked .el-switch__core{background:var(--clr-primary)!important;border-color:var(--clr-primary)!important}