*{box-sizing:border-box}body{margin:0;font:15px Arial,sans-serif;background:#f5f6f8;color:#20252b}aside{position:fixed;left:0;top:0;bottom:0;width:235px;background:#20252b;color:#fff;padding:22px}aside h2{margin-top:0}nav a{display:block;color:#fff;text-decoration:none;padding:11px;border-radius:7px}nav a:hover{background:#343a40}main{margin-left:235px}.top{height:58px;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:0 25px}.content{padding:25px}.grid{display:grid;gap:16px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.stat,.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:18px;box-shadow:0 2px 7px #0000000b}.stat small{display:block;color:#6c757d}.stat b{font-size:25px;display:block;margin-top:8px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.formgrid label{display:flex;flex-direction:column;gap:6px}.formgrid label:last-of-type{grid-column:1/-1}input,select,textarea,button{font:inherit;padding:9px;border:1px solid #cbd0d5;border-radius:6px}textarea{min-height:90px}button,.button{background:#1f6feb;color:white;border:0;cursor:pointer;text-decoration:none;display:inline-block;padding:10px 15px;border-radius:6px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #eee;padding:9px}.badge{border-left:5px solid;padding:4px 8px}.calendar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.event{background:#fff;border-left:5px solid;padding:12px;text-decoration:none;color:inherit;border-radius:7px}.event small{display:block;color:#666;margin-top:6px}.linkcard{display:block;text-decoration:none;color:inherit;font-weight:bold}.alert{background:#f8d7da;padding:10px;margin-bottom:12px}.ok{background:#d1e7dd;padding:10px;margin-bottom:12px}.login{display:grid;place-items:center;min-height:100vh}.login .card{width:min(400px,92vw)}.login input{width:100%}.login label{display:block;margin:12px 0}.login button{width:100%}@media(max-width:900px){aside{width:190px}.four,.three,.calendar-grid{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr 1fr}main{margin-left:190px}}@media(max-width:600px){aside{position:static;width:auto}main{margin-left:0}.four,.three,.calendar-grid,.formgrid{grid-template-columns:1fr}.content{padding:12px}.top{padding:0 12px}table{font-size:13px;display:block;overflow:auto}}