*{box-sizing:border-box}body{margin:0;font:14px Arial;color:#173a31;background:#f4f6f3}aside{position:fixed;width:250px;height:100%;padding:30px 20px;background:#123d33;color:white}aside h2{margin:0}aside small{color:#a9c0b8}nav{display:grid;gap:5px;margin-top:30px}nav a{padding:11px;color:#c6d5d0;text-decoration:none;border-radius:8px}nav a.active,nav a:hover{background:#26564a;color:white}footer{position:absolute;bottom:30px;background:#1c4b40;padding:14px;border-radius:10px;width:210px}main{margin-left:250px}header{height:110px;padding:25px 38px;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #dde5e0}h1{margin:6px 0}.primary{background:#c8f15a;border:0;border-radius:8px;padding:12px 16px;font-weight:bold}.content{padding:30px 38px}.hero{background:#16483d;color:white;padding:28px;border-radius:15px;display:flex;justify-content:space-between}.hero h2{margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.card{background:white;border:1px solid #dce4df;border-radius:12px;padding:19px}.stat strong{font-size:28px;display:block;margin:15px 0}.muted{color:#71807b}.layout{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:20px}.task{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #edf0ee}.task div{flex:1}.task small{display:block;color:#71807b}.badge{font-size:10px;background:#fff0d7;padding:5px 8px;border-radius:12px}.done{background:#e3f3e8;color:#367b52}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.module{text-decoration:none;color:inherit}.module h3{margin:0 0 8px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:14px;border-bottom:1px solid #e8eeea;text-align:left}#toast{position:fixed;right:25px;bottom:25px;background:#123d33;color:white;padding:14px;border-radius:8px;display:none}#menu{display:none}@media(max-width:850px){aside{display:none}aside.open{display:block;z-index:3}main{margin:0}#menu{display:block}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.grid,.layout,.modules{grid-template-columns:1fr}.content,header{padding:20px}}