*{box-sizing:border-box}body{color:#17251f;background:#f4f7f5;margin:0;font-family:Inter,Arial}.app{min-height:100vh;display:flex}aside{color:#fff;background:#102c24;flex-direction:column;gap:6px;width:240px;padding:24px 14px;display:flex}aside h1{margin:0 10px 24px;font-size:22px}aside button{color:#cfe0d9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:11px}aside button.active,aside button:hover{color:#fff;background:#24634e}main{flex:1;padding:32px;overflow:auto}header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}button{color:#fff;cursor:pointer;background:#23825d;border:0;border-radius:7px;padding:11px 16px}input{border:1px solid #d3ded8;border-radius:7px;margin:4px;padding:10px}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #e6eeea;padding:12px}.table{background:#fff;border-radius:10px;padding:15px}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.cards article{background:#fff;border-radius:10px;padding:25px}.cards small,.cards strong{display:block}.cards strong{margin-top:12px;font-size:28px}.login{place-items:center;min-height:100vh;display:grid}.login form,.modal form{background:#fff;border-radius:12px;gap:12px;min-width:340px;padding:30px;display:grid}.login input,.modal input{width:100%;margin:0}.modal{background:#102c2480;place-items:center;display:grid;position:fixed;inset:0}.error{color:#b22}@media (width<=800px){aside{width:70px}aside h1,aside button{font-size:0}main{padding:18px}.cards{grid-template-columns:repeat(2,1fr)}}