:root { font-family: system-ui, -apple-system, sans-serif; color: #1a1a1a; }
body { margin: 0; background: #f5f5f4; }
main { max-width: 640px; margin: 0 auto; padding: 2rem 1.25rem; }
h1 { margin: 0 0 .25rem; font-size: 1.5rem; }
.sub { margin: 0 0 1.5rem; color: #57534e; }
.advisers { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.adviser { background: #fff; border: 1px solid #e7e5e4; border-radius: 12px; padding: 1rem 1.1rem; }
.adviser.away { border-color: #f59e0b; background: #fffbeb; }
.row { display: flex; align-items: center; justify-content: space-between; }
.name { font-weight: 600; }
.meta { margin-top: .35rem; font-size: .85rem; color: #57534e; }
.dateRow { margin-top: .75rem; display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.dateRow label { font-size: .85rem; color: #44403c; }
.switch { position: relative; display: inline-block; width: 46px; height: 26px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; inset: 0; cursor: pointer; background: #d6d3d1; border-radius: 999px; transition: .2s; }
.slider::before { content: ""; position: absolute; height: 20px; width: 20px; left: 3px; top: 3px; background: #fff; border-radius: 50%; transition: .2s; }
.switch input:checked + .slider { background: #f59e0b; }
.switch input:checked + .slider::before { transform: translateX(20px); }
.error { color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca; padding: .6rem .8rem; border-radius: 8px; }
button { border: 1px solid #d6d3d1; background: #fff; border-radius: 8px; padding: .35rem .7rem; cursor: pointer; }