:root{--ink:#243942;--muted:#66757a;--paper:#f8f6f2;--line:#dadfdc;--teal:#356d68}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}header,footer{display:flex;justify-content:space-between;align-items:center;padding:24px 5vw;border-bottom:1px solid var(--line)}header>div{display:flex;gap:20px;align-items:center}.brand{font:36px Georgia,serif;text-decoration:none}.brand span{font:10px -apple-system,sans-serif;letter-spacing:.14em;margin-left:12px}a{color:inherit}main{max-width:1280px;margin:auto;padding:48px 5vw 80px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15}h1{font-size:clamp(36px,5vw,58px);margin:16px 0}h2{font-size:27px;margin:8px 0 18px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:650;color:var(--teal)}.muted{color:var(--muted)}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}button,.outline{padding:12px 18px;border:1px solid var(--ink);border-radius:5px;background:var(--ink);color:white;font:inherit;cursor:pointer;text-decoration:none;text-align:center}button:disabled{opacity:.5;cursor:wait}.outline{background:transparent;color:var(--ink)}button:hover{filter:brightness(1.15)}nav{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}nav button{background:transparent;border-color:transparent;color:var(--muted)}nav button.active{background:var(--ink);color:white}label{display:grid;gap:7px;color:var(--muted);font-size:12px}input,select{border:1px solid #c4cfcc;background:white;padding:12px;border-radius:4px;min-width:0;width:100%;font:14px -apple-system,sans-serif;color:var(--ink)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}form{display:grid;gap:16px}form button{margin-top:5px}.login{max-width:470px;margin:15px auto}.login>p{margin-bottom:28px}details{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}summary{cursor:pointer}.toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:25px}.toolbar label{min-width:150px}.grow{flex:1}.stats{display:flex;gap:12px;margin-bottom:20px}.stat{padding:18px 24px;border:1px solid var(--line);background:white;flex:1}.stat strong{font:30px Georgia,serif;display:block}.stat span{color:var(--muted);font-size:12px}.appointment{background:white;border:1px solid var(--line);border-left:3px solid var(--teal);padding:20px;display:grid;grid-template-columns:90px 1fr auto;gap:22px;margin-bottom:12px}.appointment h3{margin:0 0 5px;font-size:16px}.appointment p{margin:4px 0;color:var(--muted)}.appointment .time{font:24px Georgia,serif}.actions{display:flex;gap:8px;align-items:start;flex-wrap:wrap}.actions button{padding:8px 12px;font-size:12px}.tag{display:inline-block;padding:3px 9px;border-radius:3px;background:#edf4f0;color:#356d68;font-size:11px}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.columns article{padding:26px;background:white;border:1px solid var(--line)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.week-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:8px;align-items:center;margin-bottom:10px}.week-row label{display:flex;align-items:center}.week-row input[type=checkbox]{width:16px;height:16px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding:14px 0;margin-top:12px}.list-row button{padding:6px 9px;background:transparent;color:var(--ink);font-size:11px}#message:not(:empty),#loginMsg:not(:empty){padding:14px;border:1px solid #bccfc7;background:#eaf3ee;white-space:pre-line}#message.error,#loginMsg.error{border-color:#d5a59c;background:#fff0ec;color:#833629}.empty{padding:35px;border:1px dashed var(--line);color:var(--muted);text-align:center}footer{font-size:10px;letter-spacing:.1em;border-top:1px solid var(--line);border-bottom:0}footer span{letter-spacing:0;color:var(--muted)}[hidden]{display:none!important}@media(max-width:720px){main{padding:30px 20px 50px}header,footer{padding:20px}.brand span{display:block;margin:0}.columns{grid-template-columns:1fr}.intro{align-items:start;flex-direction:column}.appointment{grid-template-columns:65px 1fr;gap:12px}.actions{grid-column:1/-1}nav{gap:2px}nav button{font-size:12px;padding:10px}.stats{gap:6px}.stat{padding:12px}.toolbar label{min-width:130px;flex:1}footer span{display:none}.week-row{grid-template-columns:65px 1fr 1fr}.columns article{padding:20px}}
