:root{--g:#0b6f5d;--line:#dce6e1}*{box-sizing:border-box}body{margin:0;background:#f4f7f5;color:#173633;font:14px/1.6 system-ui,"Microsoft YaHei",sans-serif}a{color:var(--g);text-decoration:none}body>aside{position:fixed;inset:0 auto 0 0;width:220px;background:#123f39;padding:25px 18px;color:#fff;display:flex;flex-direction:column;gap:5px}aside h2{padding:0 12px 25px}aside h2 small{display:block;font-size:10px;opacity:.6}aside>a{padding:10px 13px;color:#c8dad5;border-radius:6px}aside>a.on,aside>a:hover{background:#ffffff18;color:#fff}aside>a:nth-last-child(2){margin-top:auto}body>main{margin-left:220px;padding:35px;max-width:1450px}main header h1{margin:0 0 25px}section{background:white;border:1px solid var(--line);padding:25px;border-radius:8px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.stats p{background:white;padding:22px;border:1px solid var(--line)}.stats b{display:block;font-size:34px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}form{display:grid;gap:12px}label{font-weight:700}input,textarea,select{display:block;width:100%;padding:10px;border:1px solid #ccd9d3;border-radius:4px;font:inherit;margin-top:5px}button{border:0;background:var(--g);color:#fff;padding:11px;font-weight:800;border-radius:5px}table{width:100%;border-collapse:collapse}td,th{padding:11px;border-bottom:1px solid var(--line);text-align:left}td small{display:block;color:#7c8d88}.inline{display:block}.inline select{margin:0;padding:5px}main>output{display:block;background:#dff2e9;color:#17644d;padding:10px;margin-bottom:15px}.login{min-height:100vh;display:grid;place-items:center;background:#eaf2ee}.login>form{width:min(390px,90%);background:#fff;padding:38px;box-shadow:0 25px 60px #123f3922}.login form>b{margin:auto;width:48px;height:48px;display:grid;place-items:center;background:var(--g);color:#fff;border-radius:14px;font-size:24px}.login h1,.login p,.login a{text-align:center}.login p{color:#74847f}.login output{background:#fff0f0;color:#a33;padding:8px}@media(max-width:760px){body>aside{position:static;width:auto;overflow:auto;flex-direction:row;padding:12px}aside h2{display:none}aside>a:nth-last-child(2){margin:0}body>main{margin:0;padding:18px 12px}.stats,.split{grid-template-columns:1fr}section{padding:18px}}