:root{--white: #ffffff;--bg-alt: #f5f7f4;--sage: #a8b7ab;--sage-dark: #7e8f81;--sage-deep: #56665a;--sage-tint: #e9eee7;--text: #33392f;--muted: #8b968b;--border: #dfe6dc;--amber: #efdda8;--amber-text: #8a7434;--blush: #e7c6c6;--blush-text: #8e5b5b;--display: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--white);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font-family:inherit}.muted{color:var(--muted)}.app{max-width:940px;margin:0 auto;padding:28px 20px 60px;display:flex;flex-direction:column;gap:20px}.app-header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:19px;color:var(--sage-deep)}.brand-mark{color:var(--sage)}.header-right{display:flex;align-items:center;gap:12px;font-size:13px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;border:1px solid var(--border);font-size:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.status-pill.open{color:var(--sage-deep);border-color:var(--sage);background:var(--sage-tint)}.status-pill.open .status-dot{background:var(--sage-dark)}.hero{padding:20px 26px;background:var(--sage-tint);border-radius:16px}.hero h1{font-family:var(--display);font-size:clamp(21px,3vw,27px);font-weight:600;line-height:1.35;margin:0 0 8px;color:var(--sage-deep);max-width:560px}.hero-sub{color:var(--sage-dark);max-width:540px;font-size:14px;line-height:1.6;margin:0}.doctor-tabs{display:flex;gap:10px;flex-wrap:wrap}.doctor-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px;border-radius:12px;border:1px solid var(--border);background:var(--white);cursor:pointer;text-align:left}.doctor-tab.active{border-color:var(--sage);background:var(--sage-tint)}.doctor-name{font-size:14px;font-weight:600}.doctor-specialty{font-size:12px;color:var(--muted)}.date-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.date-tab{flex-shrink:0;padding:8px 14px;border-radius:100px;border:1px solid var(--border);background:var(--white);font-size:13px;cursor:pointer;color:var(--text)}.date-tab.active{background:var(--sage);border-color:var(--sage);color:var(--white);font-weight:600}.layout{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:start}.panel{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px}.panel-title{font-family:var(--display);font-weight:600;font-size:15px;color:var(--sage-deep)}.panel-head .muted{font-size:12.5px}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.slot{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--white);cursor:pointer;transition:transform .1s ease,border-color .15s ease}.slot:hover:not(:disabled){border-color:var(--sage);transform:translateY(-1px)}.slot:disabled{cursor:not-allowed}.slot-time{font-weight:600;font-size:14px}.slot-label{font-size:11.5px;color:var(--muted)}.slot.open{border-color:var(--sage)}.slot.mine{background:var(--sage);border-color:var(--sage)}.slot.mine .slot-time,.slot.mine .slot-label{color:var(--white)}.slot.held{background:#faf4e2;border-color:var(--amber)}.slot.held .slot-label{color:var(--amber-text)}.slot.booked{background:#f7ecec;border-color:var(--blush)}.slot.booked .slot-label{color:var(--blush-text)}.booking-panel{border:1.5px solid var(--sage);background:var(--sage-tint);border-radius:12px;padding:16px}.booking-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.booking-title{font-family:var(--display);font-weight:600;font-size:15px;color:var(--sage-deep)}.hold-timer{font-size:12px;padding:4px 10px;border-radius:100px;background:var(--white);color:var(--sage-dark);white-space:nowrap}.hold-timer.urgent{color:var(--blush-text);background:#f7ecec}.booking-form{display:flex;flex-direction:column;gap:12px}.booking-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--sage-dark)}.booking-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.confirmed-panel{background:var(--bg-alt)}.empty-hint{color:var(--muted);font-size:13px}.confirmed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.confirmed-list li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--white);border-radius:8px;border:1px solid var(--border);font-size:13px}.confirmed-time{font-weight:600;color:var(--sage-deep)}.confirmed-reason{font-size:12px}input{background:var(--white);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px;outline:none}input:focus{border-color:var(--sage)}button{cursor:pointer}.primary-btn{background:var(--sage);color:var(--white);border:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px}.primary-btn:hover:not(:disabled){background:var(--sage-dark)}.ghost-btn{background:none;border:1px solid var(--border);color:var(--sage-dark);padding:10px 16px;border-radius:8px;font-size:14px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--sage-dark);outline-offset:2px}.toast{position:fixed;bottom:24px;right:24px;padding:12px 18px;border-radius:10px;font-size:13.5px;background:var(--sage-deep);color:var(--white);box-shadow:0 8px 24px #56665a40}.toast.error{background:var(--blush-text)}.app-footer{text-align:center;font-size:12px;padding-top:10px}@media (max-width: 720px){.layout{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.slot{transition:none}}