*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#172033;background:#f5f7fa}button,input{font:inherit}button{cursor:pointer}.loading{display:flex;min-height:100vh;align-items:center;justify-content:center}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7f9fc,#eef3f9)}.login-card{width:420px;padding:42px;border-radius:12px;background:#fff;box-shadow:0 18px 45px #00285a1a}.brand{display:flex;gap:14px;align-items:center;margin-bottom:36px}.logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#1769aa;color:#fff;font-size:24px;font-weight:700}.brand h1{margin:0 0 3px;font-size:23px}.brand p{margin:0;color:#8492a6;font-size:14px}label{display:block;margin:16px 0 7px;font-size:14px;font-weight:500}input{width:100%;height:42px;padding:0 12px;border:1px solid #d9dee8;border-radius:6px;outline:none;background:#fff}input:focus{border-color:#409eff}input:disabled{color:#8792a2;background:#f5f6f8}.login-footer{margin-top:28px;text-align:center;color:#a0a9b5;font-size:12px}.primary{min-height:38px;padding:0 17px;border:none;border-radius:6px;background:#1769aa;color:#fff}.primary:hover{background:#125b95}.primary:disabled{opacity:.55;cursor:not-allowed}.full{width:100%;height:44px;margin-top:25px}.secondary{min-height:38px;padding:0 17px;border:1px solid #d8dee8;border-radius:6px;background:#fff;color:#344054}.plain-button{padding:7px 14px;border:1px solid #d8dee8;border-radius:6px;background:#fff}.text-button{padding:0;border:none;background:transparent;color:#1769aa}.text-button.danger{color:#d92d20}.app{min-height:100vh}.topbar{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e7ec;background:#fff}.top-brand strong{font-size:19px}.top-brand span{margin-left:14px;color:#8590a2;font-size:13px}.top-user{display:flex;align-items:center;gap:18px}.workspace{min-height:calc(100vh - 64px);display:flex}.sidebar{width:210px;flex:0 0 210px;padding:22px 14px;border-right:1px solid #e5e9ef;background:#fff}.nav-item{width:100%;padding:11px 13px;border:none;border-radius:6px;text-align:left;background:transparent;color:#475467}.nav-item:hover{background:#f3f6fa}.nav-item.active{background:#eaf3fb;color:#1769aa;font-weight:600}.nav-title{padding:24px 13px 8px;color:#98a2b3;font-size:12px}.main{min-width:0;flex:1;padding:30px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.page-header h1{margin:0 0 7px;font-size:28px}.page-header p{margin:0;color:#7b8797;font-size:14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.card{min-height:120px;padding:22px;border:1px solid #e1e6ed;border-radius:8px;background:#fff}.card span{display:block;margin-bottom:22px;color:#667085}.card strong{font-size:18px}.panel{overflow:hidden;border:1px solid #e0e5ec;border-radius:8px;background:#fff}.panel-loading{padding:40px;text-align:center;color:#7b8797}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid #eef0f3;text-align:left;white-space:nowrap;font-size:14px}th{color:#667085;background:#fafbfc;font-weight:600}tbody tr:hover{background:#fcfcfd}.actions{display:flex;gap:15px}.tag{display:inline-block;padding:3px 8px;border-radius:4px;background:#f2f4f7;color:#475467;font-size:12px}.tag-blue{background:#eaf3fb;color:#1769aa}.role-tags{display:flex;flex-wrap:wrap;gap:6px}.empty-text{color:#98a2b3;font-size:13px}.role-options{display:flex;flex-direction:column;gap:10px;margin-top:15px}.role-option{margin:0;padding:13px;display:flex;align-items:flex-start;gap:11px;border:1px solid #e1e6ed;border-radius:7px;cursor:pointer;background:#fff}.role-option:hover{border-color:#a9c8e4;background:#f8fbfe}.role-option input{width:17px;height:17px;margin-top:2px;flex:0 0 auto}.role-option strong{display:block;margin-bottom:4px;font-size:14px}.role-option span{display:block;color:#7b8797;font-size:12px;line-height:1.5;white-space:normal}.modal-subtitle{margin-top:4px;color:#7b8797;font-size:13px}.status{display:inline-flex;align-items:center;font-size:13px}.status:before{content:"";width:7px;height:7px;margin-right:6px;border-radius:50%}.status.active{color:#027a48}.status.active:before{background:#12b76a}.status.disabled{color:#667085}.status.disabled:before{background:#98a2b3}.error{margin-top:13px;color:#d92d20;font-size:14px}.error-box{margin-bottom:16px;padding:11px 14px;border:1px solid #fecdca;border-radius:6px;background:#fef3f2;color:#b42318;font-size:14px}.notice{position:fixed;top:78px;right:28px;z-index:1000;padding:11px 18px;border:1px solid #abefc6;border-radius:7px;background:#ecfdf3;color:#027a48;box-shadow:0 5px 18px #00000014}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:#1018286b}.modal{width:520px;max-width:100%;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 25px 55px #0000002e}.modal-small{width:430px}.modal-header{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eaecf0}.modal-header h2{margin:0;font-size:19px}.close-button{border:none;background:none;color:#667085;font-size:26px;line-height:1}.modal-body{padding:8px 22px 24px}.modal-footer{padding:16px 22px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eaecf0;background:#fafafa}.hint{margin-top:7px;color:#98a2b3;font-size:12px}.modal-tip{color:#667085;font-size:14px}@media(max-width:850px){.sidebar{width:160px;flex-basis:160px}.main{padding:20px}.top-brand span{display:none}}