:root{color:#1e293b;background:#f8fafc;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.centered{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;width:min(100%,28rem);padding:2rem;box-shadow:0 12px 32px #0f172a14}.eyebrow{color:#0284c7;letter-spacing:.12em;font-weight:700}button{cursor:pointer;color:#fff;background:#0369a1;border:0;border-radius:.5rem;width:100%;padding:.8rem 1rem;font-weight:700}.hint{color:#64748b;font-size:.875rem}.error{border-color:#fca5a5}.app-shell{grid-template-columns:15rem 1fr;min-height:100vh;display:grid}aside{color:#e2e8f0;background:#0f172a;padding:1.5rem}aside h2{color:#fff;margin-top:0}nav{gap:.35rem;margin:2rem 0;display:grid}nav a{color:#cbd5e1;border-radius:.4rem;padding:.65rem .75rem;text-decoration:none}nav a.active,nav a:hover{color:#fff;background:#1e293b}.page{max-width:70rem;padding:2rem}.page-header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{margin:.1rem 0}.table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.85rem 1rem}th{color:#64748b;text-transform:uppercase;font-size:.8rem}.inline-form{align-items:end;gap:.75rem;margin:0 0 1rem;display:flex}label{gap:.35rem;font-weight:600;display:grid}input{border:1px solid #94a3b8;border-radius:.4rem;padding:.6rem}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem}.back,.link-button{color:#0369a1;background:0 0;width:auto;margin:0 0 1rem;padding:0}.link-button{font-weight:700}.activity-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}select,textarea{font:inherit;border:1px solid #94a3b8;border-radius:.4rem;padding:.6rem}textarea{min-height:5rem}.wide{grid-column:1/-1}.activity-form button{justify-self:start;width:auto}.activity-list{padding:0;list-style:none}.activity-list li{border-top:1px solid #e2e8f0;padding:.75rem 0}.activity-list span{color:#64748b;font-size:.85rem;display:block}@media (width<=700px){.app-shell{grid-template-columns:1fr}aside{padding:1rem}nav{grid-template-columns:repeat(2,1fr);margin:1rem 0}.page{padding:1rem}.page-header{display:block}}