*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f3f6f9;color:#172b40}a{color:#087f70;text-decoration:none}.layout{display:flex;min-height:100vh}.side{width:225px;background:#112b39;color:white;padding:24px 16px}.side a{display:block;color:#d9e7ec;padding:12px;border-radius:8px}.side a:hover{background:#244653}.main{flex:1;padding:26px;min-width:0}.card{background:white;border:1px solid #e2e9ee;border-radius:12px;padding:20px;margin-bottom:18px;box-shadow:0 2px 8px #142b3908}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.num{font-size:30px;font-weight:700;color:#087f70}input,select,button{padding:10px;border:1px solid #cbd6df;border-radius:7px;max-width:100%}button,.btn{background:#087f70;color:white;border:0;padding:11px 16px;cursor:pointer;border-radius:7px}label{display:block;margin:9px 0 4px}table{border-collapse:collapse;width:100%;background:white}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5e9ef}th{background:#f7fafb}.scroll{overflow-x:auto}.forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.error{color:#b42318}@media(max-width:760px){.layout{display:block}.side{width:auto;padding:10px;display:flex;flex-wrap:wrap;gap:4px}.side a{padding:8px}.main{padding:12px}.stats,.forms{grid-template-columns:1fr}}