:root{--primary:#079b88;--primary-hover:#078b7b;--primary-soft:#e8f7f4;--primary-border:#a8ddd4;--page:#f5f7f8;--line:#e7ebed;--text:#344047;--muted:#89949a}
body{background:var(--page);color:var(--text);font-size:13px}.sidebar{width:220px;background:#fff;color:#4f5d63;border-right:1px solid #e6eaec;box-shadow:1px 0 4px #20343d0a}.brand{height:58px;padding:0 22px;gap:10px;border-bottom:1px solid #eef1f2;color:#26383e}.brand b{display:flex;align-items:center;justify-content:center;width:27px;height:27px;background:var(--primary);border-radius:3px;color:#fff;font-size:17px;letter-spacing:0}.brand span{font-size:16px;font-weight:700;letter-spacing:1px}nav{padding-top:6px}nav a{height:45px;color:#4d5a60;padding:0 18px;gap:12px;border-left:3px solid transparent}nav a i{color:#718087;font-size:14px}nav a:hover{background:#f3faf8;color:var(--primary)}.subnav a{height:43px;padding-left:53px}.subnav a:before{display:none}.subnav a.active{background:var(--primary-soft);color:var(--primary);border-left-color:var(--primary);font-weight:600}.main{margin-left:220px;width:calc(100% - 220px)}.topbar{height:58px;padding:0 18px;border-bottom-color:#e9edef;box-shadow:0 1px 4px #344a5208;color:#7a858b}.topbar time{margin-left:auto;color:#8a969b}.page{padding:0 16px 22px}.page-head{height:92px}.page-head h1{font-size:20px;margin-bottom:6px}.page-head p{font-size:12px}.btn{height:36px;border-radius:3px;border-color:#dfe4e6;color:#536067;font-size:13px}.btn.primary{background:var(--primary);border-color:var(--primary);box-shadow:none}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn.outline{border-color:var(--primary);color:var(--primary)}.filter-card,.table-card{border-color:#e8ecee;box-shadow:0 1px 3px #334a5408;border-radius:2px}.filter-card{height:66px;margin-bottom:10px;gap:14px;padding:0 14px}.filter-card select,.search input{height:34px;border-color:#dfe4e6;border-radius:3px}.search{height:34px;border-color:#dfe4e6;border-radius:3px}.filter-card select:focus,.search:focus-within{border-color:var(--primary)}.table-tools{height:42px;border-color:#e9edef}.text-btn:hover{color:var(--primary)}th{height:42px;background:#f4f6f7;color:#4b575d;border:1px solid #e8ecee;padding:0 10px}td{height:45px;border:1px solid #edf0f1;padding:0 10px}tbody tr:hover{background:#f5fbfa}.tag.system,.tag.custom,.tag.enabled{color:var(--primary);background:#edf9f6;border-color:#bde5dd}.tag.enabled:before{content:"•";margin-right:4px;color:#42bc57}.tag.disabled{background:#f6f7f7;border-color:#d8dddf}.action{color:var(--primary)}.action.delete{color:#ef9292}.pagination{height:54px}.pagination button.current{border-color:var(--primary);color:var(--primary)}.drawer{width:460px}.drawer-head{height:58px;border-color:#e8ecee}.drawer-head h2{font-size:18px}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #079b8814}.radios input{accent-color:var(--primary)}.info{background:#edf8f6;color:#4e716b}.drawer-foot{height:64px}.toast{background:#2c443f}.column-panel{border-color:#e1e7e6}@media(max-width:1050px){.sidebar{width:180px}.main{margin-left:180px;width:calc(100% - 180px)}}