*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui;background:#f4f7f6;color:#172321}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#102724;color:white;padding:28px 18px;display:flex;flex-direction:column;gap:7px}.brand{font-size:20px;padding:8px 12px 28px;color:#aeece3}.brand b{color:#fff;font-size:24px}aside button{background:transparent;border:0;color:#bcd0cc;text-align:left;padding:13px 14px;border-radius:10px;font-size:15px}.active,aside button:hover{background:#1b403a!important;color:#fff!important}main{padding:32px 38px}header{display:flex;justify-content:space-between;align-items:center}h1{margin:4px 0 24px;font-size:34px}.avatar{width:44px;height:44px;border-radius:50%;background:#0aa895;color:white;display:grid;place-items:center;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.panel,.stats article{background:#fff;border:1px solid #dce8e5;border-radius:18px;padding:22px}.stats span{display:block;color:#6e7c79}.stats strong{display:block;font-size:34px;margin-top:10px}.panel{margin-top:18px}.panelHead{display:flex;justify-content:space-between;align-items:center}.panel button{border:0;border-radius:10px;padding:10px 13px}table{width:100%;border-collapse:collapse}td{padding:16px 8px;border-top:1px solid #edf2f1}.status{background:#fff2cf;padding:7px 10px;border-radius:99px;font-size:12px}.review{background:#0aa895!important;color:#fff!important}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.quick{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.quick button{background:#eef6f4}.panel p{line-height:1.6;color:#5e716d}@media(max-width:900px){.shell{grid-template-columns:80px 1fr}.brand{font-size:0}.brand b{font-size:14px}aside button{font-size:0}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:620px){main{padding:22px 14px}.shell,.stats{grid-template-columns:1fr}aside{display:none}}