:root{--nav:#202938;--primary:#2878e6;--primary-soft:#edf5ff;--text:#202632;--muted:#7d8798;--line:#e7ebf1;--canvas:#f5f7fa}*{box-sizing:border-box}#app,body,html{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased}.admin-shell{min-height:100%;display:flex}.sidebar{position:fixed;z-index:20;width:224px;height:100%;background:var(--nav);overflow:hidden}.sidebar-brand{height:74px;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.07);color:#fff}.sidebar-brand strong{display:block;font-size:17px;letter-spacing:.5px}.sidebar-brand span{display:block;margin-top:5px;color:#8f9aaa;font-size:12px}.brand-mark{display:flex;align-items:flex-end;justify-content:center;gap:4px;width:48px;height:48px;padding:11px;border-radius:10px;margin-right:14px;background:var(--primary)}.brand-mark i{display:block;width:5px;border-radius:3px;background:#fff;transform:skew(-12deg)}.brand-mark i:first-child{height:13px;opacity:.62}.brand-mark i:nth-child(2){height:21px;opacity:.82}.brand-mark i:nth-child(3){height:27px}.brand-mark.small{width:38px;height:38px;padding:8px;gap:3px;border-radius:8px}.brand-mark.small i{width:4px}.brand-mark.small i:first-child{height:10px}.brand-mark.small i:nth-child(2){height:16px}.brand-mark.small i:nth-child(3){height:21px}.sidebar .el-menu{border:0;background:transparent}.sidebar .el-menu-item{height:52px;line-height:52px;margin:4px 12px;padding-left:18px!important;border-radius:6px;color:#aeb7c5}.sidebar .el-menu-item i{color:#8995a6}.sidebar .el-menu-item:hover{background:hsla(0,0%,100%,.055);color:#fff}.sidebar .el-menu-item.is-active{background:var(--primary);color:#fff}.sidebar .el-menu-item.is-active i{color:#fff}.main-area{width:calc(100% - 224px);min-height:100%;margin-left:224px}.topbar{height:60px;display:flex;align-items:center;padding:0 26px;background:#fff;border-bottom:1px solid var(--line)}.menu-toggle{display:none;border:0;background:none;font-size:22px}.crumb{display:flex;gap:9px;align-items:center;font-size:14px;color:#303846}.crumb b,.crumb span{color:#a1a9b5;font-weight:400}.account{margin-left:auto;display:flex;gap:20px;align-items:center;font-size:14px}.company-name{padding-right:20px;border-right:1px solid var(--line);color:#7d8798}.account-name{cursor:pointer;color:#303846}.account-avatar{width:28px;height:28px;margin-right:8px;border-radius:50%;line-height:28px;text-align:center;background:#eef2f7;color:#68758a}.app-main{padding:26px 28px}.page-title{margin-bottom:22px}.page-title h2{margin:0 0 7px;font-size:22px;line-height:1.35}.page-title p{margin:0;color:var(--muted);font-size:14px}.with-action{display:flex;align-items:center;justify-content:space-between}.content-card,.form-card{border:1px solid var(--line);border-radius:8px;box-shadow:none}.content-card>.el-card__header{padding:18px 20px;border-color:var(--line)}.content-card>.el-card__body{padding:20px}.stat-card{height:122px;margin-bottom:20px;padding:24px;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px}.stat-card .stat-icon{width:48px;height:48px;margin-right:18px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:22px}.stat-card span{display:block;color:#788396;font-size:13px}.stat-card strong{display:inline-block;margin-top:7px;font-size:27px;line-height:1}.stat-card small{margin-left:7px;color:#a5adba}.blue{background:#eaf3ff;color:#2878e6}.green{background:#e9f8f1;color:#22a06b}.orange{background:#fff3e3;color:#d98216}.purple{background:#f2edff;color:#7958c9}.quick-card>.el-card__header>div{display:flex;align-items:center;gap:14px}.quick-card>.el-card__header span{font-size:13px;color:#98a1af}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-actions button{height:82px;padding:0 18px;display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;text-align:left;cursor:pointer;transition:.18s}.quick-actions button:hover{border-color:#b9d5f8;background:#f8fbff}.quick-actions button>i{width:38px;height:38px;margin-right:13px;border-radius:7px;line-height:38px;text-align:center;background:var(--primary-soft);color:var(--primary);font-size:18px}.quick-actions button span{display:flex;flex:1;flex-direction:column;gap:5px}.quick-actions button b{font-size:14px;color:#303846}.quick-actions button small{color:#8e98a8}.quick-actions button em{color:#b4bdca}.filter-form{padding:2px 0 4px}.pager{margin-top:24px;text-align:right}.form-card{max-width:680px}.el-button--primary{background-color:var(--primary);border-color:var(--primary)}.el-table{color:#394150}.el-table th{background:#f8f9fb;color:#596477;font-weight:600}.el-dialog{border-radius:8px}.share-tabs{text-align:center}.qr-area{height:300px;display:flex;align-items:center;justify-content:center}.qr-area img{max-width:260px;max-height:260px}.empty-tip,.share-tip{text-align:center;color:#8b95a5;font-size:13px}.share-tip{margin-top:14px}.login-page{height:100%;display:flex;align-items:center;justify-content:center;padding:32px;background:#f4f6f9}.login-shell{width:460px;overflow:hidden;border:1px solid #dfe4eb;border-radius:8px;background:#fff;box-shadow:0 12px 36px rgba(28,39,56,.1)}.login-form-wrap{padding:44px 48px 40px;background:#fff}.login-brand{padding-bottom:24px;border-bottom:1px solid var(--line)}.login-brand h1{margin:0;font-size:20px;letter-spacing:.2px}.login-brand p{margin:7px 0 0;color:#8d96a5;font-size:13px}.login-form-head h2{margin:28px 0 0;font-size:18px}.login-form-wrap .el-form{margin-top:22px}.login-form-wrap .el-input__inner{height:44px;line-height:44px;border-color:#dfe4eb}.login-form-wrap .el-form-item{margin-bottom:22px}.login-button{width:100%;height:44px}.login-tip{margin-top:22px;text-align:center;color:#929baa;font-size:12px}.page-name{font-size:16px;font-weight:600;color:#202632}.page-title:not(.with-action){display:none}.page-title.with-action{min-height:40px;margin:0 0 14px;justify-content:flex-end}.page-title.with-action>div{display:none}.content-card{background:#fff}.table-card>.el-card__body{padding:0}.section-bar{height:42px;display:flex;align-items:center;gap:10px}.section-bar strong{font-size:15px}.section-bar span{padding:2px 7px;border-radius:3px;background:#e9eef6;color:#66758b;font-size:11px}.section-bar.secondary{margin-top:4px}.dashboard .stat-card{justify-content:space-between}.dashboard .stat-icon{order:2;margin:0}.dashboard .stat-copy{order:1}.dashboard .quick-actions{padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px}.password-card>.el-card__header{font-weight:600}.password-card>.el-card__body{padding:26px 28px}.filter-form+.el-table{border-top:1px solid var(--line)}@media(max-width:900px){.quick-actions{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main-area{width:100%;margin-left:0}.menu-toggle{display:block;margin-right:14px}.company-name{display:none}.app-main{padding:18px 16px}.login-page{padding:16px}.login-shell{width:100%;border-radius:7px}.login-form-wrap{padding:36px 28px}.filter-form .el-form-item{display:block;margin-right:0}.filter-form .el-date-editor,.filter-form .el-input,.filter-form .el-select{width:100%!important}.with-action{align-items:flex-start}.with-action .el-button{margin-left:12px}}