:root{color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f6f7f9;--secondary:#eef0f4;--surface:#fff;--text:#202738;--muted:#748094;--accent:#345de3;--accent-text:#fff;--line:#e8ebf0;--danger:#bd3e4b;--green:#278062;--viewport-height:100dvh;--viewport-top:0px;--safe-bottom:0px;--safe-top:0px;--safe-left:0px;--safe-right:0px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#141821;--secondary:#242a36;--surface:#1d2330;--text:#e7eaf2;--muted:#9aa5ba;--accent:#8da9ff;--accent-text:#141821;--line:#2c3444;--danger:#ff929e;--green:#8edcc0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{touch-action:manipulation}button{color:inherit;background:0 0;border:0}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{min-height:44px}button:active:not(:disabled){transform:translateY(1px)}.app-shell{max-width:560px;min-height:100dvh;padding:calc(22px + max(env(safe-area-inset-top),var(--safe-top))) max(22px,var(--safe-right)) 150px max(22px,var(--safe-left));margin:0 auto}.topbar{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:9px;font-size:21px;font-weight:760;display:flex}.brand img{border-radius:10px}.brand-dot{color:var(--accent)}.icon-button{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.icon-button:hover{background:var(--secondary)}.account-button{border:1px solid var(--line);background:var(--surface);border-radius:50%}.mode-strip{color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:7px;min-height:34px;margin-top:22px;padding:0 10px;font-size:11px;font-weight:600;display:flex}.status-dot{background:#bc8c34;border-radius:50%;width:5px;height:5px}.mode-strip.real .status-dot{background:var(--green)}.mode-strip button{color:var(--accent);align-items:center;gap:3px;min-height:32px;margin-left:auto;padding:0;font-size:11px;display:flex}.agenda-heading{justify-content:space-between;align-items:center;margin:30px 0 24px;display:flex}.eyebrow{letter-spacing:1.8px;color:var(--muted);margin-bottom:7px;font-size:9px;font-weight:700}h1{letter-spacing:-1.8px;font-size:38px;font-weight:730;line-height:1.15}.title-dot{color:var(--accent)}.subtitle{color:var(--muted);margin-top:9px;font-size:13px}.today-button{border:1px solid var(--line);background:var(--surface);min-width:54px;color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:7px 12px;font-size:10px;display:flex}.today-button span{color:var(--text);font-size:19px;font-weight:650}.tabs{background:var(--secondary);border-radius:13px;gap:5px;padding:4px;display:flex}.tabs button{min-height:40px;color:var(--muted);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.tabs button[aria-selected=true]{color:var(--text);background:var(--surface);box-shadow:0 1px 5px #0000000a}.count{background:var(--line);color:var(--text);border-radius:5px;padding:2px 5px;font-size:10px}.agenda-toolbar{margin-top:20px}.date-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.previous svg{transform:rotate(180deg)}.date-label{text-align:center;text-transform:capitalize;color:var(--muted);flex-direction:column;gap:3px;font-size:10px;display:flex}.date-label strong{color:var(--text);letter-spacing:-.3px;font-size:16px;font-weight:650}.search-field{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:12px;align-items:center;gap:9px;padding:0 13px;display:flex}.search-field input{width:100%;min-width:0;color:var(--text);font-size:14px;background:0 0!important;border:0!important;padding:12px 0!important}.search-field:focus-within{outline:2px solid var(--accent)}.search-field input:focus{outline:none}.clear-search{justify-content:center;align-items:center;width:30px;padding:0;display:flex}.agenda-search{background:0 0}.agenda-search input{font-size:12px}.pending-heading{margin-bottom:18px}.pending-heading h2{font-size:17px}.pending-heading p{color:var(--muted);margin-top:5px;font-size:12px}.list-caption{color:var(--muted);justify-content:space-between;padding:20px 2px 10px;font-size:10px;display:flex}.appointment-card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:15px;align-items:center;gap:14px;width:100%;margin-bottom:9px;padding:16px 13px;transition:box-shadow .15s;display:flex}.appointment-card:hover{box-shadow:0 3px 16px #17255408}.appointment-time{flex-direction:column;flex:0 0 53px;align-self:flex-start;gap:5px;padding-top:2px;display:flex}.appointment-time strong{font-variant-numeric:tabular-nums;letter-spacing:-.4px;font-size:16px;font-weight:650}.appointment-time span{color:var(--muted);font-size:10px}.appointment-info{border-left:1px solid var(--line);flex-direction:column;flex:1;align-items:flex-start;gap:5px;min-width:0;padding-left:14px;display:flex}.appointment-info>strong{overflow-wrap:anywhere;font-size:14px;font-weight:650}.appointment-info>span:not(.badge){color:var(--muted);font-size:11px}.badge{background:var(--secondary);color:var(--muted);white-space:nowrap;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:650;line-height:1.3;display:inline-block}.badge.confirmed{background:color-mix(in srgb,var(--green) 10%,var(--surface));color:var(--green)}.badge.pending,.badge.requested{background:color-mix(in srgb,#ba862a 12%,var(--surface));color:#9c6d23}:root[data-theme=dark] .badge.pending,:root[data-theme=dark] .badge.requested{color:#e6bb6a}.badge.cancelled,.badge.no_show{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.closed{background:color-mix(in srgb,var(--surface) 40%,var(--bg))}.closed .appointment-time,.card-arrow{color:var(--muted)}.end-note{color:var(--muted);align-items:center;gap:10px;margin:24px 0;font-size:10px;display:flex}.end-note>span:not(:nth-child(2)){background:var(--line);flex:1;height:1px}.bottom-action{width:100%;max-width:560px;padding:16px 22px calc(14px + max(env(safe-area-inset-bottom),var(--safe-bottom)));background:linear-gradient(transparent,var(--bg) 15%);z-index:2;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.primary,.secondary-button,.danger-button{border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:13px 16px;font-size:14px;font-weight:650;display:flex}.primary{background:var(--accent);color:var(--accent-text)}.new-appointment{box-shadow:0 4px 14px #345de319}.secondary-button{border:1px solid var(--line);background:var(--surface)}.danger-button{color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,var(--surface))}.destructive{background:var(--danger);color:#fff}.footer-note{text-align:center;color:var(--muted);margin-top:10px;font-size:9px;display:block}.empty{text-align:center;flex-direction:column;align-items:center;gap:13px;padding:44px 16px;display:flex}.empty-icon,.feature-icon{border:1px solid var(--line);background:var(--surface);width:58px;height:58px;color:var(--accent);border-radius:18px;justify-content:center;align-items:center;display:inline-flex}.empty h2{letter-spacing:-.5px;font-size:19px}.empty p{max-width:300px;color:var(--muted);font-size:13px;line-height:1.6}.text-button{color:var(--accent);justify-content:center;align-items:center;gap:6px;padding:6px 0;font-size:13px;display:inline-flex}.skeletons{padding-top:30px}.skeleton{background:var(--secondary);border-radius:15px;height:103px;margin-bottom:10px;animation:1.4s infinite alternate pulse}@keyframes pulse{to{opacity:.45}}.backdrop{inset:var(--viewport-top) 0 auto;height:var(--viewport-height);z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:max(env(safe-area-inset-top),var(--safe-top)) max(env(safe-area-inset-right),var(--safe-right)) 0 max(env(safe-area-inset-left),var(--safe-left));background:#0b102b66;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed}.backdrop~.backdrop{z-index:20;background:#0b102b88}.sheet{background:var(--bg);border-radius:24px 24px 0 0;outline:0;flex-direction:column;width:100%;max-width:560px;max-height:100%;animation:.18s ease-out rise;display:flex;overflow:hidden;box-shadow:0 -12px 50px #0000001a}.handle{touch-action:none;justify-content:center;padding:11px 0 3px;display:flex}.handle span{background:var(--line);border-radius:3px;width:32px;height:4px}.sheet-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 20px 10px;display:flex}.sheet-head h2{letter-spacing:-.6px;font-size:19px;font-weight:680}.sheet-body{overscroll-behavior:contain;padding:20px 22px calc(22px + max(env(safe-area-inset-bottom),var(--safe-bottom)));min-height:0;overflow-y:auto}.sheet form{flex-direction:column;gap:20px;display:flex}fieldset{border:0;flex-direction:column;gap:14px;min-width:0;margin:0;padding:0;display:flex}legend{color:var(--muted);margin-bottom:13px;padding:0;font-size:12px;font-weight:650}label{font-size:12px;font-weight:600;display:block}label small{color:var(--muted);font-size:10px;font-weight:400}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;max-width:100%;color:var(--text);border-radius:10px;min-height:45px;margin-top:7px;padding:12px;font-size:16px}input[type=date],input[type=time]{appearance:none;height:46px;display:block}textarea{resize:vertical;line-height:1.5}::placeholder{color:var(--muted);opacity:.85}.form-row{gap:12px;display:flex}.form-row>label{flex:1;min-width:0}.new-patient{flex-direction:column;gap:14px;display:flex}.chosen{background:var(--surface);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:14px;display:flex}.chosen strong{font-size:14px}.chosen small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.patient-options{flex-direction:column;gap:5px;display:flex}.patient-option{text-align:left;background:var(--surface);border-radius:10px;align-items:center;gap:10px;padding:8px;font-size:13px;display:flex}.patient-option>span:nth-child(2){overflow-wrap:anywhere;flex:1;min-width:0}.patient-option small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.avatar{background:color-mix(in srgb,var(--accent) 9%,var(--surface));width:48px;height:48px;color:var(--accent);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;font-size:21px;font-weight:600;display:inline-flex}.avatar.small{border-radius:10px;width:32px;height:32px;font-size:14px}.add-patient{align-self:flex-start}.hint{color:var(--muted);font-size:11px;line-height:1.6}.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,var(--surface));border-radius:10px;padding:12px;font-size:13px;line-height:1.6}.form-footer{text-align:center;flex-direction:column;gap:10px;display:flex}.form-context{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.detail-person{align-items:center;gap:14px;margin-bottom:23px;display:flex}.detail-person h3{letter-spacing:-.6px;overflow-wrap:anywhere;font-size:22px}.detail-person p{color:var(--muted);margin-top:4px;font-size:13px}.detail-schedule{border-top:1px solid var(--line);align-items:center;gap:12px;margin-bottom:12px;padding:16px 0;display:flex}.detail-schedule svg{color:var(--muted)}.detail-schedule strong{text-transform:capitalize;font-size:14px;display:block}.detail-schedule span{color:var(--muted);margin-top:5px;font-size:12px;display:block}.note-block{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.note-block>span{color:var(--muted);font-size:10px}.note-block p{overflow-wrap:anywhere;white-space:pre-wrap;margin-top:5px;font-size:13px;line-height:1.6}.detail-actions{flex-direction:column;gap:9px;margin-top:25px;display:flex}.date-picker{flex-direction:column;gap:18px;display:flex}.account-info{text-align:center;flex-direction:column;align-items:center;gap:17px;display:flex}.account-info h3{letter-spacing:-.6px;font-size:22px}.account-info>p:not(.hint){color:var(--muted);max-width:360px;font-size:13px;line-height:1.7}.space-actions{flex-direction:column;gap:10px;width:100%;margin-top:5px;display:flex}.confirm-copy{color:var(--muted);margin-bottom:22px;font-size:14px;line-height:1.7}.confirm-actions{gap:10px;display:flex}.confirm-actions>button{flex:1;min-width:0;font-size:13px}.toast{bottom:calc(125px + max(env(safe-area-inset-bottom),var(--safe-bottom)));background:var(--text);max-width:calc(100% - 32px);color:var(--bg);z-index:30;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:13px 17px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000020}@keyframes rise{0%{opacity:.7;transform:translateY(18px)}}@keyframes fade{0%{opacity:0}}@media (width>=650px){.app-shell{padding-top:32px}.agenda-heading{margin-top:35px}.backdrop{align-items:center;padding:24px}.sheet{max-height:min(90vh,var(--viewport-height));border-radius:22px}.compact .sheet{max-width:420px}.bottom-action{padding-bottom:22px}.appointment-card{padding:18px 16px}.topbar{padding-bottom:4px}}@media (width<=350px){.app-shell{padding-left:16px;padding-right:16px}h1{font-size:33px}.appointment-card{gap:9px;padding-left:10px;padding-right:10px}.appointment-info{padding-left:10px}.sheet-body,.bottom-action{padding-left:16px;padding-right:16px}.mode-strip{font-size:10px}.brand{font-size:20px}.form-row{gap:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}