:root{--color-bg: #ffffff;--color-bg-alt: #f5f7fa;--color-border: #e0e4ea;--color-border-strong: #cbd2d9;--color-text: #1f2933;--color-text-muted: #616e7c;--color-accent: #1a73e8;--color-accent-soft: #d2e3fc;--color-accent-contrast: #ffffff;--color-success: #188038;--color-danger: #c5221f;--color-draft: #fbbc04;--color-draft-soft: #fef7e0;--shadow-elevated: 0 12px 24px rgba(26, 57, 96, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif}*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;user-select:text}html,body,#root{margin:0;padding:0;height:100%;background:var(--color-bg-alt);color:var(--color-text);font-family:var(--font-body);font-size:15px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input{font-family:inherit;font-size:inherit;color:inherit}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gate-loading{display:flex;align-items:center;justify-content:center;height:100dvh}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#e3f2fd,#fff 60%)}.login__card{width:100%;max-width:360px;padding:32px 28px;background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated)}.login__lang{display:flex;gap:6px;justify-content:flex-end;margin-bottom:4px}.login__lang-button{padding:6px 12px;border-radius:999px;font-size:13px;background:var(--color-bg-alt);color:var(--color-text-muted);font-family:inherit}.login__lang-button--active{background:var(--color-accent);color:var(--color-accent-contrast)}.login__title{margin:0;font-size:32px;font-weight:500;color:var(--color-accent)}.login__subtitle{margin:4px 0 24px;color:var(--color-text-muted)}.login__form{display:flex;flex-direction:column;gap:16px}.login__label{display:flex;flex-direction:column;gap:6px;color:var(--color-text-muted);font-size:13px}.login__input{padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);font-size:16px;background:var(--color-bg)}.login__input:focus{outline:2px solid var(--color-accent);border-color:transparent}.login__input--code{text-align:center;letter-spacing:10px;font-variant-numeric:tabular-nums;font-size:24px}.login__button{padding:12px 16px;background:var(--color-accent);color:var(--color-accent-contrast);border-radius:var(--radius-md);font-weight:500;font-size:15px}.login__button:disabled{opacity:.5;cursor:not-allowed}.login__link{align-self:center;color:var(--color-accent);font-size:14px}.login__info,.login__error{margin-top:16px;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px}.login__info{background:var(--color-accent-soft);color:#0c47a1}.login__error{background:#fdecea;color:var(--color-danger)}.calendar{display:flex;flex-direction:column;height:100dvh;background:var(--color-bg)}.calendar__header{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.calendar__nav{width:36px;height:36px;border-radius:50%;font-size:22px;color:var(--color-text-muted)}.calendar__nav:hover{background:var(--color-bg-alt)}.calendar__title{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.calendar__month{font-size:17px;font-weight:500}.calendar__doctor{font-size:12px;color:var(--color-text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.calendar__person{font-size:12px;color:var(--color-text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;align-self:flex-start;padding:0;background:transparent;font-family:inherit;text-align:left}.calendar__person--switch{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}.picker{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#e3f2fd,#fff 60%)}.picker__card{width:100%;max-width:420px;background:var(--color-bg);border-radius:var(--radius-lg);padding:28px 24px 20px;box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;gap:10px}.picker__title{margin:0;font-size:22px;font-weight:500}.picker__doctor{margin:0;color:var(--color-text-muted);font-size:13px}.picker__subtitle{margin:0 0 8px;color:var(--color-text-muted);font-size:14px}.picker__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.picker__item{width:100%;padding:14px 16px;border-radius:var(--radius-md);background:var(--color-bg-alt);display:flex;flex-direction:column;gap:2px;text-align:left;transition:background .12s}.picker__item:hover{background:var(--color-accent-soft)}.picker__item-name{font-size:16px;font-weight:500}.picker__item-practice{font-size:13px;color:var(--color-text-muted)}.picker__empty{padding:20px;border-radius:var(--radius-md);background:var(--color-bg-alt);color:var(--color-text-muted);text-align:center;font-size:14px}.picker__logout{align-self:flex-end;color:var(--color-text-muted);font-size:13px;padding:8px 12px;margin-top:8px}.calendar__today,.calendar__logout{padding:6px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-muted)}.calendar__today{color:var(--color-accent)}.calendar__today:hover,.calendar__logout:hover{background:var(--color-bg-alt)}.calendar__notice{padding:10px 16px;font-size:14px;color:var(--color-text-muted);background:var(--color-bg-alt)}.calendar__notice--error{color:var(--color-danger);background:#fdecea}.calendar__canvas{flex:1 1 auto;overflow:auto;position:relative;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:thin}.time-grid{position:relative;display:grid;width:max-content}.time-grid__corner{position:sticky;top:0;left:0;z-index:5;background:var(--color-bg);grid-column:1;grid-row:1;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border)}.time-grid__day-header{position:sticky;top:0;z-index:3;background:var(--color-bg);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:2px}.time-grid__day-weekday{font-size:11px;letter-spacing:.05em;color:var(--color-text-muted);text-transform:uppercase}.time-grid__day-number{font-size:20px;font-weight:500}.time-grid__day-header--today .time-grid__day-number{color:var(--color-accent)}.time-grid__time-column{position:sticky;left:0;z-index:2;background:var(--color-bg);border-right:1px solid var(--color-border);width:100%}.time-grid__hour{position:absolute;transform:translateY(-50%);right:8px;font-size:11px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.time-grid__column{position:relative;border-left:1px solid var(--color-border);background:var(--color-bg)}.time-grid__hour-line{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--color-border)}.time-grid__now{position:absolute;left:0;right:0;height:2px;background:var(--color-danger);pointer-events:none;z-index:2}.appointment{position:absolute;left:3px;right:3px;padding:4px 8px;background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:#0c47a1;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;display:flex;flex-direction:column;gap:2px;z-index:1;line-height:1.15;overflow:hidden}.appointment--draft{background:var(--color-draft-soft);border-color:var(--color-draft);color:#996300}.appointment--ghost{opacity:.6;pointer-events:none}.appointment__body{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.appointment__title{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment__time{font-size:11px;opacity:.8}.appointment__handle{position:absolute;width:30px;height:30px;background:var(--color-accent);border:4px solid var(--color-bg);border-radius:50%;touch-action:none;z-index:3;box-shadow:0 2px 8px #0f1c2d4d}.appointment__handle:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%}.appointment--draft .appointment__handle{background:var(--color-draft)}.appointment__handle--top{top:-15px;left:-15px;cursor:nwse-resize}.appointment__handle--bottom{bottom:-15px;right:-15px;cursor:nwse-resize}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1c2d59;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:9}.sheet-backdrop--visible{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:90dvh;background:var(--color-bg);border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 -18px 32px #0f1c2d24;transform:translateY(100%);transition:transform .22s cubic-bezier(.32,.72,.1,1);z-index:10;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.sheet--open{transform:translateY(0)}.sheet__grabber-area{display:flex;align-items:center;justify-content:center;padding:8px 0 4px;touch-action:none;-webkit-user-select:none;user-select:none}.sheet__grabber{display:block;width:40px;height:5px;border-radius:3px;background:var(--color-border-strong)}.sheet__header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 8px 8px;gap:8px;border-bottom:1px solid var(--color-border)}.sheet__title{margin:0;font-size:15px;font-weight:500;text-align:center;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet__action{padding:10px 12px;font-size:16px;border-radius:8px;background:transparent;font-family:inherit}.sheet__action--cancel{justify-self:start;color:var(--color-accent)}.sheet__action--save{justify-self:end;color:var(--color-accent);font-weight:600}.sheet__action:disabled{opacity:.4;cursor:not-allowed}.sheet__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 24px;-webkit-overflow-scrolling:touch}.sheet-form{display:flex;flex-direction:column;gap:14px;max-width:520px;margin:0 auto}.sheet-form__label{display:flex;flex-direction:column;gap:6px}.sheet-form__label-text{font-size:12px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.sheet-form__input{padding:14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:17px;background:var(--color-bg)}.sheet-form__input:focus{outline:2px solid var(--color-accent);border-color:transparent}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#1f2933eb;color:#fff;padding:10px 16px;border-radius:var(--radius-md);font-size:13px;z-index:20;box-shadow:var(--shadow-elevated)}.confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px}.confirm__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f1c2d73}.confirm__box{position:relative;background:var(--color-bg);border-radius:14px;padding:20px 20px 16px;box-shadow:var(--shadow-elevated);max-width:360px;width:100%;display:flex;flex-direction:column;gap:14px}.confirm__title{margin:0;font-size:17px;font-weight:500}.confirm__body{color:var(--color-text);font-size:15px;line-height:1.4}.confirm__body strong{font-weight:500}.confirm__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.confirm__button{padding:10px 16px;border-radius:10px;font-size:15px;font-family:inherit;font-weight:500}.confirm__button--secondary{background:var(--color-bg-alt);color:var(--color-text)}.confirm__button--primary{background:var(--color-accent);color:var(--color-accent-contrast)}.confirm__button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.calendar__header{padding:8px 12px;gap:4px}.calendar__today,.calendar__logout{font-size:12px}.calendar__doctor{display:none}}