:root,[data-theme=light]{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.7rem, 1.2rem + 1.6vw, 2.6rem);--color-bg: #f7f2ee;--color-surface: #fffaf7;--color-surface-2: #ffffff;--color-text: #261d18;--color-text-muted: #786b62;--color-primary: #8a4b36;--color-primary-hover: #713b29;--color-primary-soft: #f1ddd1;--color-inverse: #fff8f5;--shadow-sm: 0 4px 14px rgba(38,29,24,.06);--shadow-md: 0 14px 32px rgba(38,29,24,.1);--radius-lg: 1.5rem;--radius-full: 999px;--font-body: "DM Sans", system-ui, sans-serif;--font-display: "Playfair Display", Georgia, serif}[data-theme=dark]{--color-bg: #171210;--color-surface: #221a17;--color-surface-2: #2a211d;--color-text: #f5ece7;--color-text-muted: #c4b7ae;--color-primary: #d59b7b;--color-primary-hover: #e1ad90;--color-primary-soft: #3a2a23;--color-inverse: #1f1714;--shadow-sm: 0 6px 14px rgba(0,0,0,.24);--shadow-md: 0 18px 36px rgba(0,0,0,.3)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3,p{margin-top:0}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 1.25rem));margin:0 auto}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--color-bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:1rem}.brand-block{display:flex;align-items:center;gap:.9rem;min-width:0}.brand-block p{margin-bottom:0;color:var(--color-text-muted);font-size:var(--text-sm)}.logo-image{width:3.75rem;height:3.75rem;object-fit:cover;border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:var(--color-surface-2)}.page-grid,.date-page-layout,.details-page-single-column,.admin-site-layout{padding:1rem 0 6rem;display:grid;gap:1rem}.card{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 9%,transparent);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm)}.hero-card{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 90%,white 10%),var(--color-surface));box-shadow:var(--shadow-md)}.hero-layout{display:grid;gap:1rem}.hero-copy h1{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.06}.hero-address{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;margin-top:-.4rem}.eyebrow,.mini-label{display:inline-block;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:var(--text-xs)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.stat-card{background:var(--color-surface-2);border:1px solid color-mix(in srgb,var(--color-text) 7%,transparent);border-radius:1.1rem;padding:.9rem;display:grid;gap:.25rem}.stat-card strong{font-family:var(--font-display);font-size:var(--text-sm)}.stat-card span,.card p{color:var(--color-text-muted)}.section-head{margin-bottom:.75rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.section-head>div:first-child{flex:1 1 auto;min-width:0}.new-appointment-btn{white-space:nowrap;padding:0 1rem;min-height:40px}.booking-layout{display:grid;gap:1rem;align-items:start}.single-column-layout{grid-template-columns:1fr}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.category-tile{min-height:88px;border-radius:1.2rem;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:var(--color-surface-2);font-size:var(--text-base);font-weight:700}.category-tile.active{background:var(--color-primary-soft);color:var(--color-primary);border-color:transparent}.group-stack{display:grid;gap:.9rem}.collapsible-group{border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:1.15rem;overflow:hidden;background:var(--color-surface-2)}.group-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;border:0;background:transparent;font-weight:700;color:var(--color-text)}.chevron{transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.group-content{padding:.1rem 1rem 1.35rem}.stack-list,.summary-list{display:grid;gap:.75rem}.service-item{border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:1.15rem;padding:.95rem;background:var(--color-surface)}.service-item.selected{border-color:transparent;background:var(--color-primary-soft)}.service-main,.summary-row,.row-between{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.service-side{display:grid;gap:.65rem;justify-items:end;min-width:110px}.choose-btn,.primary-btn,.ghost-btn,.icon-btn,.slot-btn,.text-btn,.date-chip,.dot{min-height:44px;border-radius:var(--radius-full)}.choose-btn{border:2px solid #f28d8d;color:#ef6e6e;background:transparent;padding:0 1rem;font-weight:700}.primary-btn{border:0;background:var(--color-primary);color:var(--color-inverse);padding:0 1rem;font-weight:700}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.ghost-btn,.icon-btn,.slot-btn,.date-chip{border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:var(--color-surface-2);padding:0 1rem}.text-btn{border:0;background:transparent;color:var(--color-primary);font-weight:700}.selected-service-box,.date-card,.summary-top-card,.details-flow-card,.form-card{border-radius:1.2rem;padding:1rem;background:var(--color-surface-2);border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.selected-service-box,.date-card,.summary-top-card{margin-bottom:1rem}.wide-card-top{max-width:820px;margin:0 auto;width:100%}.details-flow-card{max-width:760px;margin:0 auto;width:100%}.form-below-summary{margin-top:0}.date-quick-list{display:grid;grid-template-columns:1fr;gap:.55rem;margin-bottom:.9rem}.date-chip.active,.slot-btn.recommended{background:var(--color-primary-soft);color:var(--color-primary);border:0}.slot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.slot-btn{padding:.9rem;text-align:center;font-weight:700}.form-grid{display:grid;gap:.8rem}.field{display:grid;gap:.35rem}.field span{font-size:var(--text-sm);font-weight:700}.field input{min-height:48px;border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--color-surface);color:var(--color-text);padding:0 .95rem;font-size:16px}.field textarea{border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--color-surface);color:var(--color-text);padding:.8rem .95rem;font-size:16px;font-family:inherit;resize:vertical;min-height:72px}.admin-select-trigger{min-height:48px;width:100%;border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--color-surface);color:var(--color-text);padding:0 .95rem;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left}.admin-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-select-value.placeholder{color:var(--color-text-muted)}.admin-select-chevron{color:var(--color-text-muted);flex-shrink:0}.admin-select-options{display:grid;gap:.5rem;max-height:65vh;overflow-y:auto;padding-bottom:.25rem}.admin-select-option{width:100%;text-align:left;padding:.95rem 1.1rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);background:var(--color-surface-2);color:var(--color-text);font-weight:600;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.admin-select-option.selected{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.book-btn,.bottom-action-btn{width:100%}.bottom-bar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:color-mix(in srgb,var(--color-surface) 92%,transparent);border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:35}.bottom-bar span{display:block;color:var(--color-text-muted);font-size:var(--text-xs)}.public-bottom-bar{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.slider-card{display:grid;gap:.8rem}.slider-stage{position:relative;min-height:320px;border-radius:1.4rem;overflow:hidden;background:var(--color-primary-soft)}.slider-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .5s ease,transform .7s ease}.slider-image.active{opacity:1;transform:scale(1)}.slider-dots{display:flex;gap:.45rem;justify-content:center;flex-wrap:wrap}.dot{width:12px;min-height:12px;height:12px;border:0;background:color-mix(in srgb,var(--color-text) 18%,transparent);padding:0}.dot.active{width:30px;background:var(--color-primary)}.back-link{display:inline-block;margin-top:1rem;color:var(--color-primary);font-weight:700}.status-box{margin:1rem 0;padding:.9rem 1rem;border-radius:1rem;font-weight:700}.status-box.success{background:#e5f5ea;color:#1d6b39}.status-box.error{background:#fde9e9;color:#a23737}@media(min-width:960px){.hero-layout{grid-template-columns:1fr 1fr;align-items:start}.tile-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:780px){.hero-stats{grid-template-columns:1fr}.service-main,.summary-row,.row-between{flex-direction:column}.service-side{justify-items:start;min-width:auto}.bottom-bar{flex-direction:column;align-items:stretch}}.calendar-card{border-radius:1.2rem;border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);background:var(--color-surface-2);overflow:hidden}.calendar-header-block{padding:1rem 1rem 0}.calendar-strip{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:.5rem;padding:0 1rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.calendar-days-scroll{display:grid;grid-template-columns:repeat(7,minmax(58px,1fr));gap:.4rem;overflow:hidden}.calendar-nav-btn{min-height:44px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);background:var(--color-surface);font-size:1.6rem}.calendar-nav-btn:disabled{opacity:.35}.calendar-day-card{min-height:92px;border:0;background:transparent;border-radius:1rem;display:grid;place-items:center;padding:.5rem .25rem;color:var(--color-text-muted)}.calendar-day-card.active{background:var(--color-primary-soft);color:var(--color-primary)}.calendar-day-card.full{opacity:.7}.calendar-weekday{font-size:var(--text-sm);font-weight:700}.calendar-day-number{font-size:2rem;line-height:1}.fully-booked-box{padding:2rem 1rem;text-align:center}.fully-booked-box h3{margin-bottom:.5rem}.primary-outline-btn{min-height:48px;border-radius:999px;border:2px solid var(--color-primary);background:transparent;color:var(--color-primary);padding:0 1.25rem;font-weight:700}@media(max-width:780px){.calendar-strip{grid-template-columns:40px 1fr 40px;padding-inline:.5rem}.calendar-days-scroll{gap:.2rem}.calendar-day-card{min-height:84px}.calendar-day-number{font-size:1.8rem}}.success-page-layout{padding:2rem 0 6rem}.success-card{max-width:720px;margin:0 auto;text-align:center;padding:2rem 1.25rem}.success-icon{width:72px;height:72px;margin:0 auto 1rem;border-radius:999px;display:grid;place-items:center;background:#e5f5ea;color:#1d6b39;font-size:2rem;font-weight:800}.booking-id-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 1rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-weight:700;margin-top:1rem}.success-actions{margin-top:1.5rem;display:flex;justify-content:center}.success-link-btn{display:inline-flex;align-items:center;justify-content:center;min-width:220px}h1{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.15}.admin-checking{min-height:60vh;display:grid;place-items:center;color:var(--color-text-muted)}.admin-topbar-actions{display:flex;align-items:center;gap:.75rem}.admin-site-layout{padding-bottom:7rem}.admin-tab-content{display:grid;gap:1rem}.danger-btn,.danger-outline-btn{min-height:46px;border-radius:var(--radius-full);font-weight:700;width:100%}.danger-btn{border:0;background:#ef6e6e;color:#fff}.danger-outline-btn{border:2px solid #ef6e6e;background:transparent;color:#ef6e6e;margin-top:.6rem}.confirm-delete-box{margin-top:.75rem;padding:.9rem;border-radius:1rem;background:color-mix(in srgb,#ef6e6e 12%,transparent);display:grid;gap:.65rem}.confirm-delete-actions{display:flex;gap:.6rem}.confirm-delete-actions .ghost-btn,.confirm-delete-actions .danger-btn{flex:1}.status-pill{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:var(--text-xs);font-weight:700}.status-pill.cancelled{background:#fde9e9;color:#a23737}.status-pill.completed{background:#e5f5ea;color:#1d6b39}.form-grid.two-col{grid-template-columns:1fr 1fr}.admin-login-shell{min-height:100dvh;display:grid;place-items:center;padding:1.5rem;background:var(--color-bg)}.admin-login-card{max-width:380px;width:100%;display:grid;gap:.75rem}.admin-login-card h1{margin-bottom:.1rem}.admin-login-card>p{color:var(--color-text-muted);margin-bottom:.5rem}.admin-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:35;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--color-surface) 94%,transparent);border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom)}.admin-nav-btn{display:grid;justify-items:center;gap:.2rem;padding:.6rem 0 .7rem;border:0;background:transparent;color:var(--color-text-muted);font-weight:700;font-size:var(--text-xs);min-height:60px}.admin-nav-btn.active{color:var(--color-primary)}.admin-nav-icon{font-size:1.3rem;line-height:1}.mini-calendar{display:grid;gap:.6rem}.mini-calendar-header{display:flex;align-items:center;justify-content:space-between}.calendar-nav-btn.small{min-height:36px;min-width:36px;font-size:1.2rem;padding:0}.mini-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.mini-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.mini-calendar-cell{position:relative;aspect-ratio:1;border:0;border-radius:.8rem;background:transparent;display:grid;place-items:center;color:var(--color-text);font-weight:600}.mini-calendar-cell.empty{visibility:hidden}.mini-calendar-cell.today{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-primary) 45%,transparent)}.mini-calendar-cell.selected{background:var(--color-primary);color:var(--color-inverse)}.mini-calendar-cell.disabled{color:color-mix(in srgb,var(--color-text-muted) 60%,transparent);opacity:.4}.mini-calendar-cell.marked-closed:not(.selected){background:color-mix(in srgb,#ef6e6e 14%,transparent)}.mini-calendar-cell.marked-special:not(.selected){background:color-mix(in srgb,var(--color-primary) 16%,transparent)}.mini-calendar-day-number{font-size:var(--text-sm)}.mini-calendar-dot{position:absolute;bottom:4px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--color-primary);color:var(--color-inverse);font-size:9px;font-weight:800;display:grid;place-items:center;line-height:1}.mini-calendar-cell.selected .mini-calendar-dot{background:var(--color-inverse);color:var(--color-primary)}.mini-calendar-dot.closed{background:#ef6e6e}.mini-calendar-dot.special{background:var(--color-primary)}.appointment-list{display:grid;gap:.65rem}.appointment-row{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;text-align:left;border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:1.1rem;padding:.85rem .95rem;background:var(--color-surface-2);width:100%}.appointment-row-time{display:grid;gap:.1rem;min-width:64px}.appointment-row-time strong{font-size:var(--text-lg);font-family:var(--font-display)}.appointment-row-time span{font-size:var(--text-xs);color:var(--color-text-muted)}.appointment-row-main{display:grid;gap:.15rem;min-width:0}.appointment-row-main span{color:var(--color-text-muted);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cancellation-reason-hint{font-style:italic}<<<<<<< HEAD <<<<<<< HEAD ======= ======= .savings-inputs{display:grid;gap:.8rem;margin-bottom:1rem}.input-with-prefix{position:relative;display:flex;align-items:center}.input-with-prefix .input-prefix{position:absolute;left:.95rem;color:var(--color-text-muted);font-weight:700;pointer-events:none}.input-with-prefix input{padding-left:2rem;width:100%}>>>>>>> 5eaa113 (fixed mobile layout for admin page) .savings-result-box{border-radius:1.2rem;padding:1rem 1.1rem;background:var(--color-surface-2);border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);display:grid;gap:.55rem;margin-top:.3rem}.savings-result-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:var(--text-sm);color:var(--color-text-muted)}.savings-result-row strong{color:var(--color-text);font-weight:700}.savings-result-row.total{padding-top:.55rem;border-top:1px dashed color-mix(in srgb,var(--color-text) 15%,transparent);font-size:var(--text-base);color:var(--color-text)}.savings-result-row.total strong{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-primary)}.savings-note{text-align:center;color:var(--color-text-muted);margin-top:1rem}<<<<<<< HEAD >>>>>>> 0523373 (addded calc tab) ======= >>>>>>> 5eaa113 (fixed mobile layout for admin page) .totp-qr-image{width:100%;max-width:220px;margin:0 auto;display:block;border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.totp-secret-code{display:block;word-break:break-all;font-size:13px;font-family:SFMono-Regular,Consolas,monospace}.appointment-row-side{display:grid;justify-items:end;gap:.3rem}.reschedule-slots{margin:-.3rem 0 .2rem}.slots-hint{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.field input[readonly]{background:var(--color-surface-2);color:var(--color-text-muted);cursor:default}.weekly-hours-list{display:grid;gap:.6rem;margin-bottom:1rem}.weekly-hours-row{border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:1.1rem;padding:.85rem .95rem;background:var(--color-surface-2)}.weekly-hours-row-top{display:flex;align-items:center;justify-content:space-between}.weekly-hours-day{font-weight:700}.weekly-hours-times{display:flex;align-items:center;gap:.6rem;margin-top:.65rem}.weekly-hours-times input[type=time]{flex:1;min-height:44px;border-radius:.8rem;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--color-surface);color:var(--color-text);padding:0 .7rem}.weekly-hours-times span{color:var(--color-text-muted);font-size:var(--text-sm)}.weekly-hours-closed-label{display:block;margin-top:.4rem;color:var(--color-text-muted);font-size:var(--text-sm)}.override-chip-list{display:grid;gap:.5rem;margin-top:1rem}.override-chip{text-align:left;border-radius:1rem;padding:.7rem .9rem;border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);background:var(--color-surface-2);display:grid;gap:.1rem}.override-chip strong{font-size:var(--text-sm)}.override-chip span{color:var(--color-text-muted);font-size:var(--text-xs)}.override-chip.closed{border-left:3px solid #ef6e6e}.override-chip.special{border-left:3px solid var(--color-primary)}.category-filter-grid .category-tile{min-height:56px}.admin-group-title{font-weight:700;padding:.3rem .1rem .6rem;color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.admin-service-item{width:100%;text-align:left;cursor:pointer}.admin-service-item.inactive{opacity:.55}.add-service-btn{width:100%;margin-top:1rem}.switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.switch-track{position:absolute;inset:0;background:color-mix(in srgb,var(--color-text) 18%,transparent);border-radius:999px;transition:background .18s ease}.switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .18s ease}.switch input:checked~.switch-track{background:var(--color-primary)}.switch input:checked~.switch-track .switch-thumb{transform:translate(20px)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:700;margin-bottom:.3rem}.sheet-overlay{position:fixed;inset:0;z-index:60;background:#140e0b73;display:flex;align-items:flex-end;justify-content:center}.sheet-panel{width:100%;max-width:560px;max-height:min(88vh,780px);overflow-y:auto;background:var(--color-surface);border-radius:1.5rem 1.5rem 0 0;box-shadow:var(--shadow-md);padding:.75rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));animation:sheet-slide-up .22s ease-out}@keyframes sheet-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-handle{width:40px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--color-text) 18%,transparent);margin:.3rem auto .6rem}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sheet-header h2{font-family:var(--font-display);font-size:var(--text-lg)}.sheet-close-btn{border:0;background:var(--color-surface-2)}.sheet-body{padding-bottom:.5rem}.sheet-form{display:grid;gap:.8rem}@media(max-width:480px){.form-grid.two-col{grid-template-columns:1fr 1fr;gap:.6rem}.appointment-row{grid-template-columns:auto 1fr}.appointment-row-side{grid-column:1 / -1;justify-items:start;flex-direction:row;display:flex;gap:.5rem;align-items:center}}@media(max-width:400px){.form-grid.two-col{grid-template-columns:1fr}}@media(min-width:720px){.admin-site-layout{max-width:640px;margin:0 auto}}