#app,body,html{height:100%;margin:0}:root{--hrs-primary:#6366f1;--hrs-primary-light:#ede9fe;--hrs-primary-dark:#4338ca;--hrs-primary-hover:#818cf8;--hrs-sidebar-from:#1e1b4b;--hrs-sidebar-to:#312e81;--hrs-sidebar-text:hsla(0,0%,100%,0.72);--hrs-sidebar-active-bg:rgba(99,102,241,0.32);--hrs-sidebar-active-text:#fff;--hrs-header-from:#ede9fe;--hrs-header-to:#fff;--hrs-layout-bg:#f5f3ff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--hrs-layout-bg)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2e2b77,var(--hrs-primary))}.login-card{width:420px;padding:40px;background:#fff;border-radius:12px}.layout-container{height:100vh}.sidebar{background:linear-gradient(180deg,var(--hrs-sidebar-from),var(--hrs-sidebar-to))}.main-header{background:linear-gradient(90deg,var(--hrs-header-from),var(--hrs-header-to) 72%);border-bottom:2px solid var(--hrs-primary);box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.main-content{padding:20px;background:var(--hrs-layout-bg)}.page-card{background:#fff;border-radius:8px;padding:20px}.el-button--primary{background-color:var(--hrs-primary);border-color:var(--hrs-primary)}.el-button--primary:focus,.el-button--primary:hover{background-color:var(--hrs-primary-hover);border-color:var(--hrs-primary-hover)}.el-button--primary:active{background-color:var(--hrs-primary-dark);border-color:var(--hrs-primary-dark)}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:var(--hrs-primary)}.el-radio__input.is-checked .el-radio__inner{border-color:var(--hrs-primary);background:var(--hrs-primary)}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner,.el-switch.is-checked .el-switch__core{background-color:var(--hrs-primary);border-color:var(--hrs-primary)}.el-tabs__item.is-active{color:var(--hrs-primary)}.el-tabs__active-bar{background-color:var(--hrs-primary)}.el-loading-spinner .circular{stroke:var(--hrs-primary)}