:root{--um-ink:#17211b;--um-muted:#76827a;--um-line:#e2e8e3;--um-bg:#f4f7f5;--um-green:#176b47;--um-dark:#123d2b;--um-red:#b33b3b}*{box-sizing:border-box}.um-app{background:var(--um-bg);min-height:100vh;color:var(--um-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.um-sidebar{border-right:1px solid var(--um-line);background:#fff;flex-direction:column;flex:0 0 236px;width:236px;padding:25px 15px 18px;display:flex}.um-brand{align-items:center;gap:11px;padding:0 11px 26px;display:flex}.um-brand-mark{color:#fff;background:var(--um-dark);border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.um-brand strong,.um-brand small,.um-profile strong,.um-profile small{display:block}.um-brand strong{font-size:15px}.um-brand small{color:var(--um-muted);margin-top:3px;font-size:11px}.um-profile{background:#f5f8f5;border:1px solid #e7ede8;border-radius:9px;align-items:center;gap:10px;margin-bottom:24px;padding:15px 10px;display:flex}.um-avatar,.um-row-avatar{border-radius:50%;place-items:center;font-weight:800;display:grid}.um-avatar{color:#fff;background:#2b8060;width:35px;height:35px;font-size:14px}.um-profile strong{font-size:13px}.um-profile small{color:var(--um-muted);margin-top:4px;font-size:11px}.um-profile small i,.um-role i{background:#2e9c6d;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.um-nav{flex-direction:column;gap:4px;display:flex}.um-nav-label{color:#9aa69e;letter-spacing:.08em;margin:0 0 5px;padding:0 11px;font-size:10px;font-weight:800}.um-nav-label:not(:first-child){margin-top:21px}.um-nav-item,.um-sidebar-footer{color:#617067;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;height:40px;padding:0 11px;font-size:13px;display:flex}.um-nav-item:hover,.um-nav-item.active{color:var(--um-green);background:#edf6f0;font-weight:700}.um-sidebar-footer{color:#89948d;margin-top:auto}.um-sidebar-footer:hover{color:var(--um-red);background:#fff4f4}.um-main{width:min(1180px,100%);margin:0 auto;padding:46px 46px 50px}.um-page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.um-eyebrow{color:#829087;letter-spacing:.12em;margin:0;font-size:10px;font-weight:800}.um-page-head h1{letter-spacing:0;margin:8px 0;font-size:29px}.um-page-head p:last-child{color:var(--um-muted);margin:0;font-size:13px}.um-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 16px;font-size:13px;font-weight:750;display:inline-flex}.um-btn.primary{background:var(--um-green);color:#fff;border-color:var(--um-green)}.um-btn.primary:hover{background:#10583a}.um-btn.secondary{color:#546159;background:#fff;border-color:#d4ded7}.um-btn:disabled{opacity:.5;cursor:not-allowed}.um-alert{border-radius:7px;align-items:center;gap:8px;margin-bottom:14px;padding:11px 14px;font-size:13px;display:flex}.um-alert.error{color:#9d3333;background:#fff3f3;border:1px solid #f0c8c8}.um-alert.success{color:#176b47;background:#edf8f0;border:1px solid #c9e6d1}.um-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.um-stats>div{border:1px solid var(--um-line);background:#fff;border-radius:9px;padding:17px 19px}.um-stats span,.um-stats small{color:var(--um-muted);font-size:12px;display:block}.um-stats strong{color:var(--um-dark);margin:9px 0 4px;font-size:28px;line-height:1;display:block}.um-panel{border:1px solid var(--um-line);background:#fff;border-radius:9px;overflow:hidden}.um-panel-head{border-bottom:1px solid var(--um-line);justify-content:space-between;align-items:center;gap:15px;padding:19px 21px;display:flex}.um-panel-head h2{margin:0 0 4px;font-size:17px}.um-panel-head span{color:var(--um-muted);font-size:12px}.um-search{color:#829087;border:1px solid #d7e0d9;border-radius:6px;align-items:center;gap:7px;width:220px;height:36px;padding:0 10px;display:flex}.um-search input{width:100%;color:var(--um-ink);background:0 0;border:0;outline:0;font-size:12px}.um-table-wrap{overflow-x:auto}.um-table{border-collapse:collapse;width:100%;min-width:680px;font-size:13px}.um-table th{color:#86928a;text-align:left;white-space:nowrap;background:#fafcfa;height:42px;padding:0 21px;font-size:11px;font-weight:750}.um-table td{color:#617067;white-space:nowrap;border-top:1px solid #edf1ed;height:68px;padding:0 21px}.um-table tbody tr:hover{background:#fbfdfb}.um-user-cell{align-items:center;gap:10px;display:flex}.um-row-avatar{color:#176b47;background:#e3f1e7;width:33px;height:33px;font-size:12px}.um-row-avatar.admin{color:#fff;background:#2d7558}.um-user-cell strong,.um-user-cell small{display:block}.um-user-cell strong{color:#25332b}.um-user-cell small{color:#9aa49e;margin-top:4px;font-size:10px}.um-role{align-items:center;font-size:12px;font-weight:700;display:inline-flex}.um-role.admin{color:#176b47}.um-role.user{color:#75827a}.um-role.user i{background:#a8b2ac}.um-row-actions{gap:13px;display:flex}.um-link{color:#176b47;background:0 0;border:0;padding:0;font-size:12px;font-weight:750}.um-link.danger{color:var(--um-red)}.um-link:disabled{color:#c5cdc8;cursor:not-allowed}.um-empty{text-align:center;color:#9aa69e!important;height:190px!important}.um-empty svg,.um-empty strong,.um-empty span{margin:0 auto 7px;display:block}.um-empty strong{color:#66736b;font-size:14px}.um-empty span{font-size:12px}.um-note{color:#8a968e;align-items:center;gap:6px;margin:14px 2px;font-size:11px;display:flex}.um-modal-mask{z-index:50;background:#111f1766;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.um-modal{background:#fff;border-radius:10px;width:min(480px,100%);padding:24px;box-shadow:0 18px 55px #10281b33}.um-modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.um-modal h2{margin:7px 0 0;font-size:21px}.um-close{color:#69766e;background:#f3f6f3;border:0;border-radius:6px;width:30px;height:30px;font-size:22px;line-height:1}.um-field{color:#58665d;flex-direction:column;gap:7px;margin-bottom:15px;font-size:12px;font-weight:750;display:flex}.um-field input{height:41px;color:var(--um-ink);border:1px solid #d4ded6;border-radius:6px;outline:0;padding:0 11px}.um-field input:focus,.um-search:focus-within{border-color:#72a88b;box-shadow:0 0 0 3px #277e521a}.um-form-error{color:#9d3333;background:#fff3f3;border:1px solid #f0c8c8;border-radius:6px;margin-bottom:14px;padding:9px 11px;font-size:12px}.um-role-field{border:0;margin:5px 0 3px;padding:0}.um-role-field legend{color:#58665d;margin-bottom:8px;font-size:12px;font-weight:750}.um-role-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.um-role-options label{color:#34443a;cursor:pointer;border:1px solid #dce5de;border-radius:7px;padding:11px;font-size:12px;display:block}.um-role-options label.selected{background:#f0f8f2;border-color:#63a17d}.um-role-options input{accent-color:var(--um-green);margin:0 6px 0 0}.um-role-options span{color:#8b968f;padding:5px 0 0 20px;font-size:10px;font-weight:400;display:block}.um-modal-actions{border-top:1px solid var(--um-line);justify-content:flex-end;gap:8px;margin-top:23px;padding-top:17px;display:flex}.um-login{background:var(--um-bg);place-items:center;min-height:100vh;padding:20px;display:grid}.um-login-card{border:1px solid var(--um-line);text-align:center;background:#fff;border-radius:10px;width:min(390px,100%);padding:38px;box-shadow:0 10px 35px #1e402d0f}.um-logo{color:#fff;background:var(--um-green);border-radius:12px;place-items:center;width:48px;height:48px;margin:0 auto 18px;display:grid}.um-logo.muted{color:#9d3333;background:#fff1f1}.um-login-card h1{margin:8px 0 10px;font-size:24px}.um-login-card p:not(.um-eyebrow){color:var(--um-muted);margin:0 0 24px;font-size:13px;line-height:1.7}.um-login-card .um-btn{width:100%}@media (width<=800px){.um-sidebar{flex-basis:194px;width:194px}.um-main{padding:32px 24px}}@media (width<=620px){.um-app{display:block}.um-sidebar{border-right:0;border-bottom:1px solid var(--um-line);width:100%;height:auto;padding:15px 14px}.um-brand{padding:0 5px 13px}.um-profile{display:none}.um-nav{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.um-nav-label,.um-sidebar-footer{display:none}.um-nav-label:not(:first-child){margin:0}.um-nav-item{justify-content:center;padding:0 4px;font-size:11px}.um-main{padding:25px 14px 35px}.um-page-head{flex-direction:column;align-items:flex-start;margin-bottom:21px}.um-page-head h1{font-size:25px}.um-page-head .um-btn{width:100%}.um-stats{gap:7px}.um-stats>div{padding:13px 11px}.um-stats strong{font-size:23px}.um-stats small{font-size:10px}.um-panel-head{flex-direction:column;align-items:stretch;padding:16px}.um-search{width:100%}.um-table{min-width:570px}.um-table th,.um-table td{padding:0 14px}.um-modal{padding:20px 17px}.um-role-options{grid-template-columns:1fr}.um-note{line-height:1.6}}