:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a1a1a;background:#f5f5f7}*{box-sizing:border-box}body{margin:0}.centered{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:#fff;border:1px solid #e3e3e8;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:420px}.card h1,.card h2{margin:0 0 4px}label{display:flex;flex-direction:column;gap:4px;font-size:14px}input,select{padding:8px 10px;border:1px solid #cfcfd6;border-radius:8px;font-size:14px}button{padding:8px 14px;border:0;border-radius:8px;background:#2f6fed;color:#fff;font-size:14px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.link{background:transparent;color:#2f6fed;padding:4px;text-align:left}.error{color:#c0392b;font-size:13px;margin:0}.muted{color:#6b6b73}.small{font-size:12px}.badge{background:#eef2ff;color:#2f6fed;border-radius:999px;padding:2px 10px;font-size:12px}.dashboard{max-width:900px;margin:0 auto;padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid #e3e3e8;margin-bottom:16px}.panels{display:grid;gap:16px}.panels .card{max-width:none}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.row input,.row select{flex:1 1 90px;min-width:0}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;background:#fafafb;border:1px solid #ededf2;border-radius:8px;font-size:14px}.tabs{display:flex;gap:4px}.tab{background:transparent;color:#444;border:1px solid transparent;border-radius:8px;padding:6px 12px}.tab.on{background:#eef2ff;color:#2f6fed}.content{margin-top:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .row,.form-grid .error,.form-grid .ok-msg{grid-column:1 / -1}.check{display:flex;align-items:center;gap:6px;font-size:14px;margin:4px 0}.check input{flex:0 0 auto;width:auto}button.danger{background:#c0392b}.agenda-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.nav{display:flex;align-items:center;gap:6px}.agenda-label{margin-left:8px}.seg{display:inline-flex;border:1px solid #cfcfd6;border-radius:8px;overflow:hidden}.seg button{background:#fff;color:#444;border:0;border-radius:0;padding:6px 12px}.seg button.on{background:#2f6fed;color:#fff}.appt-form,.appt-detail{margin-bottom:12px}.agenda-colhead{display:flex}.gutter-spacer{width:52px;flex:0 0 52px}.colhead{flex:1 1 0;text-align:center;font-size:12px;color:#6b6b73;padding:4px 0;text-transform:capitalize}.colhead.is-today{color:#2f6fed;font-weight:600}.agenda-body{display:flex;border-top:1px solid #e3e3e8}.time-gutter{position:relative;width:52px;flex:0 0 52px}.hour-mark{position:absolute;right:6px;transform:translateY(-50%);font-size:11px;color:#9a9aa2}.day-cols{display:flex;flex:1 1 0}.day-col{position:relative;flex:1 1 0;border-left:1px solid #ededf2;cursor:pointer}.gridline{position:absolute;left:0;right:0;border-top:1px solid #f0f0f4}.work-band{position:absolute;left:0;right:0;background:#f4f8ff}.appt{position:absolute;left:3px;right:3px;padding:3px 6px;border:0;border-radius:6px;overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:1px;font-size:11px;line-height:1.2;color:#fff;cursor:pointer}.appt .appt-time{font-weight:600}.appt .appt-svc{opacity:.85}.appt.s-confirmed{background:#2f6fed}.appt.s-requested{background:#e0a72f}.appt.s-completed{background:#3aa66b}.appt.s-no_show{background:#9aa0aa}.ok-msg{color:#2c8c59;font-size:13px;margin:6px 0}.slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.slot{background:#eef2ff;color:#2f6fed;border:1px solid #d7e0ff;border-radius:8px;padding:8px 12px}.slot:disabled{opacity:.5}.join-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;letter-spacing:4px;font-weight:700;color:#2f6fed;background:#f4f8ff;border:1px dashed #b9ccff;border-radius:10px;padding:12px;text-align:center}