:root{
  --ink:#17232b;--muted:#62717b;--line:#d9e1e5;--soft:#f2f6f7;--paper:#fff;
  --accent:#087c68;--accent-dark:#05614f;--danger:#b9382d;--amber:#9a6500;--blue:#225ea8;
  --radius:8px;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--ink);background:#f4f7f8
}
body{background:#f4f7f8;color:var(--ink)}
aside{width:248px;background:#142228;padding:24px 16px;box-shadow:8px 0 24px rgba(20,34,40,.08)}
.brand{padding:0 12px 30px}.brand b{font-size:20px;letter-spacing:.01em}.brand span{letter-spacing:.12em;color:#8fa2aa}
.nav-item{min-height:44px;border-radius:7px;color:#b9c8cd;margin:3px 0;padding:0 13px}.nav-item:hover,.nav-item.active{background:#213b40;color:#f8fffd}.nav-item.active{box-shadow:inset 3px 0 0 #3dc4a6}
.nav-icon{font-size:15px;color:#91aaa9}.nav-item.active .nav-icon{color:#63d1b4}
.account{padding:20px 8px 0;border-top-color:#2a4248}.avatar{background:#0b806c}
.topbar{height:70px;padding:0 34px;background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(20,34,40,.04)}.topbar h1{font-size:17px;font-weight:700}.notice{font-size:13px;color:#51636c}.notice b{background:#e2f4ee;color:#087c68}
.content{max-width:1480px;padding:30px 34px 56px}.page-actions{margin-bottom:24px}.page-actions h2{font-size:27px;letter-spacing:-.01em}.eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7d85}
.button{min-height:38px;border-radius:7px;padding:8px 15px;border-color:#c8d3d8;font-size:13px;font-weight:650;transition:background .15s,border-color .15s,transform .15s}.button:hover{border-color:#7e969d;background:#f7fafb}.button.primary{background:#087c68;border-color:#087c68;box-shadow:0 2px 4px rgba(8,124,104,.16)}.button.primary:hover{background:#05614f;border-color:#05614f}.button.danger{color:#b9382d;border-color:#e8bbb5}
.metrics{border:0;border-radius:8px;box-shadow:0 2px 10px rgba(30,53,62,.05);overflow:hidden;margin-bottom:22px}.metrics article{padding:21px 23px;border-color:#e5ecef}.metrics span,.metrics small{font-size:12px}.metrics b{font-size:28px;margin:8px 0 5px}
.panel{border-color:#dfe7ea;border-radius:8px;box-shadow:0 2px 10px rgba(30,53,62,.04);margin-bottom:20px}.panel-head{min-height:62px;padding:14px 20px}.panel-head h3{font-size:15px}.table-wrap{overflow-x:auto}th,td{padding:14px 18px}th{background:#f7fafb;color:#5e7079}tbody tr{transition:background .15s}tbody tr:hover{background:#f8fbfb}.badge{border-radius:4px;padding:5px 9px}.badge.green{background:#e3f5ef;color:#06715d}.badge.amber{background:#fff4d9;color:#8a5b00}.badge.red{background:#fdecea;color:#ad3027}.badge.blue{background:#eaf1fb;color:#225ea8}
.filters{border:0;border-radius:8px;box-shadow:0 2px 10px rgba(30,53,62,.04);padding:16px 18px}.field input,.field select,.field textarea,.filters select,.inline-form input,.inline-form select{border-color:#c7d3d8;border-radius:7px;min-height:41px}.field input:focus,.field select:focus,.field textarea:focus,.inline-form input:focus,.inline-form select:focus{outline:3px solid rgba(61,196,166,.22);border-color:#1b9a80}
.form-section{padding:24px}.form-actions{padding:18px 24px}.detail-list div{padding:17px 20px}.detail-list dd{font-size:14px}.person{border-color:#b9ded4;background:#edf9f5;color:#096650;border-radius:6px}.action-panel{border-left-width:4px}.action-stack{padding:18px 20px}
.flash{border-radius:7px;background:#e8f6f1;border-color:#b8ded3;color:#096650}.empty{padding:48px!important}
.login-main{background:#eef3f4}.login-card{border-color:#d9e3e6;border-radius:10px;box-shadow:0 12px 36px rgba(24,45,53,.08);padding:38px}.login-brand{padding-bottom:32px}.login-card h2{font-size:24px}.login-card .button{min-height:42px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(61,196,166,.32);outline-offset:2px}.metrics article:first-child{box-shadow:inset 3px 0 0 #3dc4a6}.panel-head>div{min-width:0}.panel-head p{line-height:1.45}.table-wrap table{white-space:nowrap}
@media(max-width:760px){aside{width:250px}.topbar{height:60px;padding:0 18px}.content{padding:22px 16px 42px}.page-actions{flex-wrap:wrap}.page-actions h2{font-size:23px}.panel-head{padding-inline:16px}.form-section{padding:20px 16px}.form-actions{padding:16px}.login-card{padding:30px 24px}body.nav-open::after{content:"";position:fixed;inset:0;background:rgba(17,34,40,.32);z-index:4}}
@media(max-width:460px){.page-actions .button{max-width:100%;white-space:normal;text-align:center}.panel-head{align-items:flex-start;gap:12px}.panel-head .button{flex:0 0 auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}