.portal{background:#eef0eb}.portal header{background:white;max-width:none;padding:0 2rem}.portal .preview{background:#67391f}.dashboard{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 120px)}aside{background:#163a34;color:white;padding:2rem 1rem}.side{display:block;width:100%;border:0;background:transparent;color:#dce5df;text-align:left;padding:.8rem;border-radius:6px;margin:.2rem 0}.side.active,.side:hover{background:#28534c}.aside-note{font-size:.7rem;color:#b9c7c2;margin-top:3rem}.workspace{padding:2.5rem;overflow:auto}.workspace-head{display:flex;justify-content:space-between;align-items:center}.workspace h1,.resident h1{font-size:clamp(2.5rem,5vw,4.5rem);color:#173b35}.portal-button,.unit-row button,.resident-grid button{border:1px solid #173b35;background:white;padding:.7rem 1rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0}.metrics article{background:white;padding:1.5rem}.metrics span{font:2.4rem Georgia,serif;display:block;color:#173b35}.metrics small{color:#666}.panel{display:none;background:white;padding:1.5rem}.panel.active{display:block}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2{font:1.8rem Georgia,serif}.panel-head span{font-size:.75rem;color:#666}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.kanban>section{background:#f2f3ef;padding:.8rem;min-height:330px}.kanban h3{font:1rem Arial,sans-serif;display:flex;justify-content:space-between}.kanban h3 small{background:white;border-radius:20px;padding:.15rem .45rem}.kanban article{background:white;padding:.8rem;margin:.6rem 0;box-shadow:0 3px 10px #0000000d;display:grid;gap:.25rem}.kanban article span,.kanban article small{font-size:.72rem;color:#666}.kanban article em{font-size:.65rem;color:#8d5d37}.empty{font-size:.75rem;color:#888}.notice{background:#eef5f2;border-left:4px solid #37806f;padding:1rem;margin:1rem 0}.notice.warn{background:#fff3de;border-color:#c17b35}.unit-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:center;border-top:1px solid #ddd;padding:1rem 0}.badge{display:inline-block;background:#ddd;padding:.2rem .5rem;border-radius:20px;font-size:.7rem}.badge.pending{background:#fff0cf;color:#80541f}.task{display:flex;border-top:1px solid #ddd;padding:1rem 0}.task input{width:auto}.packet-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.packet-grid article{background:#f2f3ef;padding:1.2rem;display:grid}.packet-grid span{font-size:.8rem;color:#666}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #ddd;padding:.8rem}.resident-main{max-width:1180px;margin:auto;padding:3rem 1.5rem}.welcome{background:#173b35;color:white;padding:3rem;position:relative}.welcome h1{color:white}.stay-card{background:white;color:#17201e;padding:1rem;display:grid;max-width:380px}.resident-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.resident-grid article{background:white;padding:1.5rem;min-height:270px}.resident-grid article>b{color:#bd8a58}.resident-grid h2{font-size:1.6rem}.resident-grid ul{padding-left:1.2rem}.resident-grid .done{text-decoration:line-through;color:#6d836f}.portal-safety{background:#dfe6de;padding:2rem}.portal-safety h2{font-size:2rem}
@media(max-width:900px){.dashboard{grid-template-columns:1fr}aside{display:flex;overflow:auto;padding:.5rem}.aside-note{display:none}.side{width:auto;white-space:nowrap}.metrics{grid-template-columns:1fr 1fr}.kanban{grid-template-columns:1fr 1fr}.resident-grid{grid-template-columns:1fr 1fr}.workspace{padding:1rem}}
@media(max-width:550px){.portal header nav{display:none}.workspace-head{display:block}.metrics,.kanban,.resident-grid,.packet-grid{grid-template-columns:1fr}.panel-head{display:block}.unit-row{grid-template-columns:1fr}.welcome{padding:2rem 1.2rem}}
.portal{overflow-x:hidden}
@media(max-width:550px){.welcome{overflow:hidden}.resident .welcome h1{font-size:2.35rem}.resident-main{padding:3rem 1rem}.stay-card{max-width:100%}.portal .preview{white-space:normal}}