*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#20262e;background:#f5f7f9;font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;background:linear-gradient(180deg,#0b2133,#081b2b);color:#c5d1da;position:fixed;inset:0 auto 0 0}.brand{height:68px;display:flex;align-items:center;padding:0 28px;gap:8px;color:#fff}.brand b{font-size:27px;color:#11c5bd;letter-spacing:1px}.brand span{font-size:15px;font-weight:600}nav a{color:#c5d1da;text-decoration:none;height:53px;display:flex;align-items:center;padding:0 25px;gap:15px;transition:.2s}nav a:hover{background:#102e43;color:#fff}nav a i{font-style:normal;width:18px;text-align:center;color:#afbdc7;font-size:17px}.nav-group>a span{margin-left:auto}.subnav a{height:48px;padding-left:70px;position:relative}.subnav a:before{content:"·";position:absolute;left:54px}.subnav a.active{background:linear-gradient(90deg,#049f9d,#09b6ad);color:#fff;border-left:3px solid #0fe1d2}.main{margin-left:236px;min-width:760px;width:calc(100% - 236px)}.topbar{height:68px;background:#fff;border-bottom:1px solid #e4e8ec;display:flex;align-items:center;gap:12px;padding:0 22px;color:#6c747d}.topbar b{font-weight:400;color:#c5cbd1}.icon-btn{border:0;background:none;font-size:20px}.page{padding:0 18px 24px}.page-head{height:100px;display:flex;justify-content:space-between;align-items:center}.page-head h1{margin:0 0 8px;font-size:24px}.page-head p{margin:0;color:#8b939c}.head-actions{display:flex;gap:12px}.btn{height:40px;padding:0 18px;border:1px solid #d8dee4;border-radius:4px;background:#fff;color:#39414a;cursor:pointer;transition:.15s;font-weight:500}.btn:hover{border-color:#00a9a3;color:#008e89}.btn.primary{background:#05aaa4;color:white;border-color:#05aaa4;box-shadow:0 2px 6px #00a09a33}.btn.primary:hover{background:#079790}.btn.outline{border-color:#08aaa4;color:#079d98}.btn.danger{background:#ee5757;color:#fff;border-color:#ee5757}.btn.small{height:36px;padding:0 20px}.filter-card,.table-card{background:#fff;border:1px solid #edf0f2;box-shadow:0 1px 4px #1a334810;border-radius:4px}.filter-card{height:76px;display:flex;align-items:center;gap:18px;padding:0 18px;margin-bottom:12px}.filter-card label{display:flex;align-items:center;white-space:nowrap;color:#4a525a}.filter-card select,.search input{height:36px;border:1px solid #d9dfe4;border-radius:4px;outline:none;color:#4b555e;background:#fff}.filter-card select{width:160px;padding:0 12px}.search{width:260px;border:1px solid #d9dfe4;border-radius:4px;padding:0 10px;height:36px}.search input{border:0;width:100%;padding-left:8px}.filter-card select:focus,.search:focus-within{border-color:#09aaa4}.table-tools{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #edf0f2}.text-btn{border:0;background:none;cursor:pointer;padding:8px;color:#505963}.text-btn:hover{color:#079f99}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1100px}th{height:48px;background:#f2f4f6;text-align:left;color:#30383f;font-size:13px;font-weight:600;padding:0 12px;white-space:nowrap}td{height:54px;border-bottom:1px solid #edf0f2;padding:0 12px;color:#49535c;font-size:13px}tbody tr:hover{background:#f8fcfc}.tag{display:inline-flex;align-items:center;height:25px;border-radius:3px;padding:0 7px;font-size:12px}.tag.system{color:#2684c7;background:#eef7ff;border:1px solid #acd5f2}.tag.custom{color:#079d98;background:#edfffc;border:1px solid #7ddbd5}.tag.enabled{color:#079d98;border:1px solid #81ddd6;background:#f0fffd}.tag.disabled{color:#8b949c;border:1px solid #cdd3d8;background:#f5f6f7}.action{border:0;background:none;color:#147bc1;cursor:pointer;padding:5px 4px;font-size:12px}.action:hover{text-decoration:underline}.action.delete{color:#e04b4b}.action.disabled-link{color:#adb4ba;cursor:not-allowed;text-decoration:none}.pagination{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.pagination>div{display:flex;gap:10px}.pagination button,.pagination select{height:34px;border:1px solid #dce1e5;background:#fff;border-radius:3px;padding:0 12px;color:#59626b}.pagination button.current{border-color:#00aaa4;color:#009b96}.mask{position:fixed;inset:0;background:#07172233;opacity:0;visibility:hidden;transition:.25s;z-index:10}.mask.show{opacity:1;visibility:visible}.drawer{position:fixed;right:-470px;top:0;width:470px;height:100vh;background:#fff;z-index:11;box-shadow:-7px 0 25px #12273622;transition:.28s;display:flex;flex-direction:column}.drawer.open{right:0}.drawer-head{height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eaed}.drawer-head h2{font-size:20px}.close{border:0;background:none;font-size:28px;color:#66717a;cursor:pointer}#typeForm{height:calc(100% - 68px);display:flex;flex-direction:column}.drawer-body{padding:24px;overflow:auto;flex:1}.field{display:block;margin-bottom:24px;position:relative}.field>span{display:block;margin-bottom:9px;font-weight:500}.field em{font-style:normal;color:#eb4b4b}.field input,.field textarea{width:100%;border:1px solid #d9dfe4;border-radius:4px;padding:0 12px;outline:none}.field input{height:42px}.field textarea{height:112px;padding-top:12px;resize:none}.field input:focus,.field textarea:focus{border-color:#09aaa4;box-shadow:0 0 0 2px #09aaa416}.field input[disabled]{background:#f2f4f5;color:#949ba1}.field small{display:block;color:#9ba2a9;margin-top:7px;font-size:12px}.counter{position:absolute;right:10px;bottom:9px}.counter i{font-style:normal}.error{display:block;color:#eb4b4b;font-size:12px;margin-top:6px;font-weight:400}.radios{display:flex;gap:35px;height:38px;align-items:center}.radios input{width:auto;height:auto;accent-color:#04aaa4}.info{background:#f0f7ff;color:#52708b;padding:15px;border-radius:4px;line-height:1.7;font-size:13px}.drawer-foot{height:72px;border-top:1px solid #e7ebee;display:flex;align-items:center;justify-content:flex-end;padding:0 24px;gap:12px}.modal-mask{position:fixed;inset:0;background:#07172255;z-index:30;display:none;align-items:center;justify-content:center}.modal-mask.show{display:flex}.modal{width:390px;background:#fff;border-radius:8px;padding:26px;text-align:center;box-shadow:0 12px 40px #0003}.modal-icon{margin:auto;width:45px;height:45px;border-radius:50%;background:#fff0df;color:#ed941b;display:flex;align-items:center;justify-content:center;font-size:26px}.modal h3{font-size:18px;margin:15px 0 10px}.modal p{color:#68717a;line-height:1.7;min-height:42px}.modal>div:last-child{display:flex;justify-content:center;gap:12px;margin-top:20px}.toast{position:fixed;left:50%;top:25px;transform:translate(-50%,-20px);background:#24333d;color:#fff;padding:12px 20px;border-radius:5px;z-index:50;opacity:0;visibility:hidden;transition:.25s;box-shadow:0 7px 20px #0002}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.column-panel{position:fixed;right:95px;top:270px;width:180px;background:#fff;border:1px solid #e1e5e8;box-shadow:0 7px 22px #172b3a22;border-radius:5px;z-index:8;padding:15px;display:none}.column-panel.show{display:block}.column-panel b,.column-panel label,.column-panel small{display:block;margin-bottom:10px}.column-panel small{color:#9aa1a7;margin:0}@media(max-width:1050px){.sidebar{width:190px}.main{margin-left:190px;width:calc(100% - 190px)}.filter-card{flex-wrap:wrap;height:auto;padding:15px}.drawer{width:430px}.page-head p{display:none}}