*{box-sizing:border-box}body{margin:0;background:#f3f7f6;color:#173635;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.layout{display:flex;min-height:100vh}aside{width:235px;background:#0f766e;color:#fff;padding:22px 12px;display:flex;flex-direction:column;gap:7px}aside b{font-size:20px;padding:8px 10px 22px}aside button{background:transparent;color:#fff;border:0;text-align:left;padding:12px 14px;border-radius:9px}aside button.on,aside button:hover{background:#fff2}main{padding:28px;width:100%;max-width:1500px;margin:auto}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,section{background:#fff;border:1px solid #d9e5e3;border-radius:14px;padding:20px}.card{display:flex;flex-direction:column;gap:8px}.card strong{font-size:28px}.bar{display:flex;justify-content:space-between;align-items:center}.bar button,section>button,.dialog button{background:#0f766e;color:#fff;border:0;border-radius:8px;padding:10px 14px;margin:3px}input{width:100%;padding:11px;border:1px solid #cbd8d6;border-radius:8px;margin:12px 0}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:750px}th,td{padding:11px;border-bottom:1px solid #e5eceb;text-align:left}td button{background:#fff;border:1px solid #cbd8d6;border-radius:7px;padding:7px;margin:2px}.modal{position:fixed;inset:0;background:#17363588;display:grid;place-items:center;padding:18px}.dialog{background:#fff;width:min(560px,100%);max-height:90vh;overflow:auto;padding:22px;border-radius:14px}.dialog form{display:grid;gap:8px}.dialog label{font-size:13px;font-weight:600}.dialog input{margin:3px 0 10px}@media(max-width:800px){.layout{display:block}aside{width:100%;display:grid;grid-template-columns:repeat(4,1fr);padding:10px}aside b{grid-column:1/-1}.grid{grid-template-columns:1fr 1fr}main{padding:16px}}@media(max-width:500px){.grid{grid-template-columns:1fr}}