:root{--green:#32b579;--ink:#1e293b;--muted:#7c8799;--bg:#f5f7fa;--line:#e8ebf0;--sidebar:#152e28}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.dashboard-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar);color:#fff;flex-direction:column;width:240px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.logo{align-items:center;gap:12px;margin-bottom:40px;font-size:18px;display:flex}.logo img{border-radius:12px;box-shadow:0 8px 24px #00000030}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav a{color:#d3ddd9;border-radius:10px;padding:13px 14px}.sidebar nav a:hover{color:#fff;background:#ffffff12}.admin-user{border-top:1px solid #ffffff18;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.dashboard-shell>main{grid-column:2}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;height:70px;padding:0 34px;display:flex}.topbar div{text-align:right}.topbar small,.topbar b{display:block}.topbar small{color:var(--muted);font-size:11px}.dashboard-page{padding:34px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.page-heading h1{margin:0 0 6px}.page-heading p{color:var(--muted);margin:0}.metric-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.metric-grid article,.panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px}.metric-grid span,.metric-grid small{color:var(--muted);display:block}.metric-grid strong{color:var(--green);margin:16px 0 8px;font-size:34px;display:block}.panel h2{margin:0 0 18px;font-size:18px}.table{width:100%}.tr{border-top:1px solid var(--line);grid-template-columns:2fr 1fr 1.2fr;align-items:center;gap:18px;padding:15px 6px;display:grid}.tr.users{grid-template-columns:2fr 1fr 1.4fr .7fr}.tr.ledgers{grid-template-columns:2fr .7fr .8fr 1fr .7fr}.tr.th{color:var(--muted);background:#f7f9fa;border:0;border-radius:10px;font-size:12px;font-weight:700}.tr b,.tr small{display:block}.tr small{color:var(--muted);margin-top:4px}.status{border-radius:99px;padding:5px 9px;font-size:12px;font-style:normal;display:inline-block}.status.active{color:#19784f;background:#e7f8f0}.status.disabled{color:#b53d45;background:#fff0f0}.tr button,.search button{border:0;border-radius:8px;padding:8px 13px;font-weight:700}.tr button.danger{color:#b53d45;background:#fff0f0}.tr button.success{color:#19784f;background:#e7f8f0}.search{gap:8px;display:flex}.search input{border:1px solid var(--line);border-radius:9px;width:260px;padding:10px 12px}.search button{background:var(--green);color:#fff}.auth-page,.message-page{color:#fff;background:linear-gradient(145deg,#183a31,#2e8b67);flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100vh;display:flex}.auth-page>div:first-child{text-align:center}.admin-brand .brand-logo{border-radius:30px;margin:0 auto 18px;display:block;box-shadow:0 20px 54px #00000038}.admin-brand h1{margin:0 0 8px}.admin-brand p{color:#dce9e4;margin:0}.message-page button{border:0;border-radius:10px;padding:11px 18px}@media (max-width:900px){.dashboard-shell{grid-template-columns:84px 1fr}.sidebar{width:84px}.logo b,.sidebar nav a,.admin-user span{font-size:0}.logo{justify-content:center}.sidebar nav a:before{content:"•";font-size:24px}.dashboard-shell>main{grid-column:2}.metric-grid{grid-template-columns:1fr}.tr,.tr.users,.tr.ledgers{grid-template-columns:1fr 1fr}.tr.th{display:none}.page-heading{flex-direction:column;align-items:stretch}.search input{width:100%}}