:root{--blue:#167c68;--green:#167c68;--ink:#14272b;--muted:#718287;--line:#dfe9e6;background:#f3f7f5}
body{background:#f3f7f5;color:var(--ink)}
.sidebar{background:#102f32;width:252px;padding:24px 16px}.brand-mark{background:#57c2a0;border-radius:9px;box-shadow:0 4px 12px #071f202e}.tenant{background:#173b3d;border-color:#2b5554;border-radius:8px;padding:12px}.nav-item{border-radius:8px;padding:12px 13px;transition:background .18s ease,transform .18s ease}.nav-item:hover{background:#1d4c4c;transform:translateX(2px)}.nav-item.active{background:#2d7169;box-shadow:inset 3px 0 #7ce0bd}
.topbar{height:70px;background:#fff;padding:0 38px;box-shadow:0 1px 0 #dfe9e6}.content{padding:34px 40px 70px;max-width:1500px}.page-head h1{font-size:28px;letter-spacing:-.4px;color:#14272b}.eyebrow{color:#167c68;font-size:11px;letter-spacing:1.4px}.muted{color:#718287}.btn{border-color:#d4e1dd;border-radius:8px;padding:10px 16px;transition:all .18s ease}.btn:hover{border-color:#167c68;color:#126957;transform:translateY(-1px)}.btn.primary{background:#167c68;border-color:#167c68;box-shadow:0 4px 10px #167c6824}.btn.primary:hover{background:#116957;color:#fff}.stats{gap:18px}.stat{border:1px solid #dfe9e6;border-radius:10px;padding:20px 21px;box-shadow:0 5px 16px #18383d08}.stat-value{font-size:30px;color:#102f32;letter-spacing:-.5px}.panel,.table-wrap{border:1px solid #dfe9e6;border-radius:10px;box-shadow:0 5px 18px #18383d08}.panel{padding:22px}.panel-head{margin-bottom:20px}.panel h3{font-size:16px;color:#173337}.bar{background:#9bd8c5;border-radius:5px 5px 0 0}.bar:nth-child(2n){background:#43af91}.data-table th{background:#f8fbfa;color:#718287;font-size:11px;letter-spacing:.3px}.data-table td{padding:16px 18px}.data-table tbody tr:hover{background:#f6fbf9}.product-icon{background:#e4f4ee;color:#167c68;border-radius:7px}.tag{border-radius:999px;padding:5px 9px}.notice{border-radius:7px;border-left-width:4px;background:#eef9f5}.form-grid{gap:19px}.field input,.field textarea,.field select{border-color:#d5e2df;border-radius:8px;background:#fcfefd;transition:border .18s,box-shadow .18s}.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:#39a889;box-shadow:0 0 0 3px #39a8891f}.todo{padding:13px 0}.todo-icon{border-radius:8px;background:#e6f5ef;color:#167c68}
@media(max-width:900px){.sidebar{width:220px}.content{padding:26px 24px 55px}}@media(max-width:620px){.sidebar{width:62px;padding:16px 8px}.topbar{height:62px}.content{padding:22px 14px 45px}.page-head{align-items:flex-start;gap:16px;flex-direction:column}.page-head h1{font-size:24px}.page-head .btn{width:100%}.stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:23px}.panel{padding:16px}}
.notice{border-left-width:1px}