:root{--app-primary: #2f6fed;--app-primary-soft: #edf4ff;--app-sidebar: #172235;--app-sidebar-muted: #91a0b8;--app-bg: #f4f6f9;--app-surface: #ffffff;--app-border: #e7ebf2;--app-text: #1f2937;--app-text-secondary: #6b778c;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--app-text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-width:320px;height:100%;min-height:100vh;margin:0}body{background:var(--app-bg)}button,input,textarea,select{font:inherit}.app-layout{height:100vh;min-height:100vh;overflow:hidden;background:var(--app-bg)}.app-sidebar{display:flex;flex-direction:column;flex-shrink:0;height:100%;min-height:0;overflow:hidden;background:var(--app-sidebar);transition:width .2s ease}.sidebar-brand{display:flex;align-items:center;gap:12px;height:72px;padding:0 20px;color:#fff;white-space:nowrap}.brand-mark{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:9px;color:#fff;background:var(--app-primary);font-size:18px;font-weight:700}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:15px;letter-spacing:.02em}.brand-copy span{color:#8290a8;font-size:9px;letter-spacing:.16em}.sidebar-scroll{flex:1;min-height:0;padding:8px 10px}.sidebar-menu{border-right:0;background:transparent}.sidebar-menu .el-menu-item-group__title{height:34px;padding:14px 12px 4px;color:var(--app-sidebar-muted);font-size:11px;line-height:20px}.sidebar-menu .el-menu-item-group:first-child .el-menu-item-group__title{display:none}.sidebar-menu .el-menu-item{height:44px;margin:3px 0;border-radius:8px;color:#bec9da;line-height:44px}.sidebar-menu .el-menu-item .el-icon{margin-right:12px;color:#9aa8bd;font-size:17px}.sidebar-menu .el-menu-item:hover{color:#fff;background:#ffffff12}.sidebar-menu .el-menu-item:hover .el-icon,.sidebar-menu .el-menu-item.is-active .el-icon{color:#fff}.sidebar-menu .el-menu-item.is-active{color:#fff;background:var(--app-primary);font-weight:600}.sidebar-menu.el-menu--collapse .el-menu-item .el-icon{margin-right:0}.sidebar-footer{padding:16px 20px 20px;color:#76859d;font-size:11px;white-space:nowrap}.app-content{height:100%;min-width:0;min-height:0;flex:1;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;height:64px;min-height:64px;flex:0 0 64px;padding:0 28px;border-bottom:1px solid var(--app-border);background:var(--app-surface)}.header-left,.user-trigger{display:flex;align-items:center}.header-left{min-width:0;gap:14px}.header-actions{display:flex;align-items:center;gap:14px}.message-bell .el-button{color:var(--app-text-secondary)}.collapse-button{width:36px;height:36px;color:var(--app-text-secondary)}.collapse-button:hover{color:var(--app-primary);background:var(--app-primary-soft)}.app-breadcrumb{min-width:0}.app-breadcrumb .el-breadcrumb__inner{color:var(--app-text-secondary);font-weight:500}.app-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--app-text);font-weight:600}.user-trigger{gap:10px;padding:4px 0 4px 8px;border:0;color:var(--app-text);background:transparent;cursor:pointer}.user-trigger:focus-visible{outline:2px solid var(--app-primary);outline-offset:3px}.user-trigger-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:72px}.user-trigger-copy strong{max-width:130px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.user-trigger-copy small{color:var(--app-text-secondary);font-size:11px}.user-trigger-arrow{color:#9aa5b5;font-size:14px}.app-main{min-width:0;min-height:0;flex:1 1 auto;padding:24px clamp(16px,2.2vw,32px) 32px;overflow-x:hidden;overflow-y:auto}.app-page{width:100%;min-width:0;max-width:1600px;margin:0 auto}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 auto 20px}.page-title h1{margin:0 0 7px;color:var(--app-text);font-size:24px;font-weight:650;line-height:1.3}.page-title p{margin:0;color:var(--app-text-secondary);font-size:13px;line-height:1.6}.title-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.toolbar .el-input,.toolbar .el-select,.toolbar .el-date-editor{max-width:100%}.search-input{width:min(360px,100%)}.filter-item{width:150px}.pagination-wrap{display:flex;justify-content:flex-end;margin-top:20px}.page-card{border:1px solid var(--app-border)}.full-width{width:100%}.el-card{border-color:var(--app-border);border-radius:10px;box-shadow:none!important}.el-card__header{padding:17px 20px;border-bottom-color:var(--app-border);font-weight:600}.el-card__body{padding:20px}.el-table{--el-table-header-bg-color: #f8fafc;--el-table-row-hover-bg-color: #f7faff;--el-table-border-color: var(--app-border);color:var(--app-text)}.el-table th.el-table__cell{color:#536174;font-weight:600}.el-table .cell{line-height:22px}.el-button{border-radius:7px}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner{border-radius:7px;box-shadow:0 0 0 1px #dfe5ee inset}.el-input__wrapper:hover,.el-select__wrapper:hover,.el-textarea__inner:hover{box-shadow:0 0 0 1px #b7c5d8 inset}.el-dialog{border-radius:12px}.el-dialog__header{margin-right:0;padding:20px 24px 16px;border-bottom:1px solid var(--app-border)}.el-dialog__body{padding:22px 24px}.el-dialog__footer{padding:15px 24px 20px;border-top:1px solid var(--app-border)}.el-form-item{margin-bottom:18px}.el-pagination{padding:0}@media(max-width:900px){.app-main{padding:20px 16px 28px}.app-header{height:60px;min-height:60px;flex-basis:60px;padding:0 16px}.header-actions{gap:8px}.page-title{gap:14px;margin-bottom:16px}.page-title h1{font-size:22px}.toolbar{gap:10px;margin-bottom:14px}.el-card__header{padding:15px 16px}.el-card__body{padding:16px}.el-dialog__header{padding:18px 20px 14px}.el-dialog__body{max-height:calc(100vh - 180px);overflow-y:auto;padding:18px 20px}.el-dialog__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:13px 20px 16px}.el-table{font-size:13px}.el-table th.el-table__cell,.el-table td.el-table__cell{padding:8px 0}.el-table .cell{padding-right:10px;padding-left:10px}}@media(max-width:768px){.app-header{padding:0 12px}.user-trigger-copy,.user-trigger-arrow{display:none}.page-title{display:block}.page-title h1{font-size:20px}.title-actions{justify-content:flex-start;margin-top:14px}.toolbar>.el-input,.toolbar>.el-select,.toolbar>.el-date-editor,.toolbar>.el-button{width:100%}.toolbar>.el-button-group{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar>.el-button-group .el-button{min-width:0;padding-right:8px;padding-left:8px}.pagination-wrap{justify-content:center;overflow-x:auto}.el-dialog{width:calc(100% - 24px)!important}.el-card__body{padding:16px}}@media(max-width:480px){.app-main{padding:16px 12px 24px}.app-header{padding:0 10px}.header-left{gap:6px}.app-breadcrumb{max-width:min(46vw,190px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapse-button{width:32px}.title-actions{gap:8px}.title-actions .el-button{max-width:100%}.el-card__header,.el-card__body{padding:14px}.el-dialog{border-radius:10px}.el-dialog__header{padding:16px 16px 12px}.el-dialog__body{padding:16px}.el-dialog__footer{padding:12px 16px 14px}.el-form-item__label{line-height:20px}.pagination-wrap .el-pagination{flex-wrap:wrap;justify-content:center;row-gap:8px}}.auth-page{display:grid;min-height:100vh;place-items:center;padding:24px 16px;background:var(--app-bg)}.auth-card{width:min(430px,100%);border:1px solid var(--app-border)}.register-card{width:min(500px,100%)}.auth-brand{display:grid;width:52px;height:52px;margin:0 auto 16px;place-items:center;border-radius:14px;color:#fff;background:var(--app-primary);font-size:25px;font-weight:700}.auth-heading{margin-bottom:24px;text-align:center}.auth-heading h1{margin:0 0 8px;color:var(--app-text);font-size:24px}.auth-heading p{margin:0;color:var(--app-text-secondary);font-size:13px}.auth-footer{margin-top:18px;color:var(--app-text-secondary);font-size:13px;text-align:center}.email-code-input .el-input-group__append{padding:0;background:#fff}.email-code-input .el-input-group__append .el-button{height:30px;margin:0 5px;border:0;color:var(--app-primary)}.rich-editor .ql-toolbar.ql-snow{border-color:var(--app-border);border-radius:7px 7px 0 0;background:#fbfcfe}.rich-editor .ql-container.ql-snow{min-height:220px;border-color:var(--app-border);border-radius:0 0 7px 7px;font-family:inherit;font-size:14px}.rich-editor .ql-editor{min-height:220px;line-height:1.8}.rich-content{overflow-wrap:anywhere;color:var(--app-text);line-height:1.8}.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4,.rich-content h5,.rich-content h6{margin:1em 0 .5em;color:var(--app-text);line-height:1.35}.rich-content p{margin:.6em 0}.rich-content ul,.rich-content ol{padding-left:1.8em}.rich-content blockquote{margin:1em 0;padding:.5em 1em;border-left:3px solid var(--app-primary);color:var(--app-text-secondary);background:var(--app-primary-soft)}.rich-content a{color:var(--app-primary)}.rich-content img{display:block;max-width:100%;height:auto;margin:12px 0}.rich-content table{width:100%;border-collapse:collapse}.rich-content th,.rich-content td{padding:8px 10px;border:1px solid var(--app-border);text-align:left}