:root{--ops-bg: #f5f8ff;--ops-surface: #ffffff;--ops-surface-muted: #f8fafc;--ops-border: #dbe4f0;--ops-text: #0f172a;--ops-muted: #64748b;--ops-blue: #2563eb;--ops-blue-dark: #1d4ed8;--ops-blue-soft: #eaf1ff;--ops-green: #16a34a;--ops-green-soft: #eaf8ef;--ops-amber: #d97706;--ops-amber-soft: #fff6df;--ops-red: #dc2626;--ops-red-soft: #fff1f2;--ops-radius: .75rem;--ops-radius-lg: 1rem;--ops-shadow: 0 12px 32px rgba(15, 23, 42, .08);--ops-shadow-soft: 0 8px 22px rgba(15, 23, 42, .06);color:var(--ops-text);font-family:Roboto,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at 18% -10%,rgba(37,99,235,.08),transparent 32rem),linear-gradient(180deg,#f9fbff 0%,var(--ops-bg) 100%);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 18% -10%,rgba(37,99,235,.08),transparent 32rem),linear-gradient(180deg,#f9fbff 0%,var(--ops-bg) 48%,#eef5ff 100%);color:var(--ops-text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.customer-shell{min-height:100vh;padding:1.5rem}.customer-page{margin:0 auto;max-width:74rem}.customer-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.topbar-title{margin:.25rem 0 0;color:var(--ops-text);font-size:clamp(2rem,4vw,3rem);font-weight:500;letter-spacing:0;line-height:1.05}.customer-logo{display:block;max-width:min(14rem,56vw);max-height:4.5rem;object-fit:contain}.eyebrow{margin:0;color:var(--ops-blue-dark);font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.public-booking-intro{margin:0 0 1rem;max-width:44rem;color:var(--ops-muted);font-size:1rem;line-height:1.65;white-space:pre-wrap}.contact-card{display:grid;gap:.45rem;margin-top:1rem;border:1px solid var(--ops-border);border-radius:var(--ops-radius);padding:.95rem;background:var(--ops-surface-muted);color:var(--ops-muted);font-size:.92rem;line-height:1.5}.contact-card strong{color:var(--ops-text)}.contact-links{display:flex;flex-wrap:wrap;gap:.5rem .85rem}.contact-links a{color:var(--ops-blue-dark);text-decoration:none}.contact-links a:hover{text-decoration:underline}.language-switcher{display:flex;align-items:center;gap:.75rem;border:1px solid var(--ops-border);border-radius:var(--ops-radius);padding:.5rem;background:#ffffffeb;box-shadow:var(--ops-shadow-soft)}.language-switcher-label{padding-inline:.25rem;color:var(--ops-muted);font-size:.82rem;font-weight:500}.language-switcher-buttons{display:inline-flex;gap:.35rem}.language-button{border:0;border-radius:999px;padding:.45rem .7rem;font-size:.82rem;font-weight:600;transition:background-color .16s ease,color .16s ease,transform .16s ease}.language-button:hover{transform:translateY(-1px)}.language-button-active{background:var(--ops-blue);color:#fff}.language-button-inactive{background:#f1f5f9;color:#475569}.booking-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}.hero-card,.slots-card,.auth-card,.customer-error-card{border:1px solid var(--ops-border);border-radius:var(--ops-radius-lg);padding:1.25rem;background:var(--ops-surface);box-shadow:var(--ops-shadow)}.customer-error-card{max-width:42rem}.hero-card h2,.auth-card h2,.customer-error-card h1,.booking-modal h3{margin:.45rem 0 .75rem;color:var(--ops-text);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:500;letter-spacing:0;line-height:1.15}.hero-copy,.hero-card p,.auth-card p,.customer-error-card p,.empty-state p,.detail-card dt,.detail-card dd,.slot-row span,.booking-modal-copy{color:var(--ops-muted)}.detail-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.25rem}.detail-card,.booking-modal-detail,.empty-state{border:1px solid var(--ops-border);border-radius:var(--ops-radius);padding:.95rem;background:var(--ops-surface-muted)}.detail-card-wide{grid-column:span 2}.detail-card dt,.confirmation-label,.booking-modal-detail span,.auth-label{margin:0;color:var(--ops-muted);font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.detail-card dd{margin:.45rem 0 0;font-size:.98rem;line-height:1.5}.confirmation-banner{display:grid;gap:.25rem;margin-top:1.25rem;border:1px solid #bbf7d0;border-radius:var(--ops-radius);padding:1rem;background:var(--ops-green-soft);color:#14532d}.confirmation-banner strong{color:#14532d}.slots-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.slots-header h3{margin:.4rem 0 0;color:var(--ops-text);font-size:1.35rem;font-weight:600;letter-spacing:0}.status-chip{border-radius:999px;padding:.45rem .75rem;background:var(--ops-blue-soft);color:var(--ops-blue-dark);font-size:.78rem;font-weight:600}.date-strip{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.35rem;margin-bottom:1rem}.date-pill{min-width:7rem;border:1px solid var(--ops-border);border-radius:var(--ops-radius);padding:.8rem .9rem;color:#334155;background:#fff;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease}.date-pill:hover{transform:translateY(-1px);border-color:#bfdbfe;background:var(--ops-blue-soft)}.date-pill-active{border-color:var(--ops-blue);background:var(--ops-blue);color:#fff}.date-pill-inactive{background:#fff}.slot-list{display:grid;gap:.75rem}.slot-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;border:1px solid var(--ops-border);border-radius:var(--ops-radius);padding:.95rem 1rem;background:#fff;color:var(--ops-text);text-align:left;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.slot-row:hover:not(:disabled){transform:translateY(-1px);border-color:#bfdbfe;background:#f8fbff}.slot-row:disabled{cursor:progress;opacity:.72}.slot-row strong{display:block;color:var(--ops-text);font-size:1rem}.slot-row span{display:block;margin-top:.2rem}.slot-action{flex-shrink:0;margin-top:0!important;border-radius:999px;padding:.4rem .7rem;background:var(--ops-blue-soft);color:var(--ops-blue-dark)!important;font-size:.82rem;font-weight:600}.empty-state{border-style:dashed}.empty-state h4{margin:0 0 .45rem;color:var(--ops-text);font-size:1.05rem}.inline-notice{margin:0 0 1rem;border:1px solid #bfdbfe;border-radius:var(--ops-radius);padding:.8rem .9rem;background:var(--ops-blue-soft);color:var(--ops-blue-dark)}.inline-notice-error{margin-bottom:0;border-color:#fecdd3;background:var(--ops-red-soft);color:#b91c1c}.auth-card{max-width:34rem}.auth-actions{display:flex;align-items:center;gap:1rem;margin-top:1.2rem}.auth-meta{color:var(--ops-muted);font-size:.84rem}.auth-form{display:grid;gap:.8rem;margin-top:1.3rem}.auth-input{width:100%;border:1px solid var(--ops-border);border-radius:var(--ops-radius);padding:.9rem 1rem;background:#fff;color:var(--ops-text);font-size:1.05rem;letter-spacing:.22em}.auth-input:focus{border-color:var(--ops-blue);outline:none;box-shadow:0 0 0 4px #2563eb1f}.auth-button,.modal-button{border:1px solid var(--ops-border);border-radius:999px;padding:.8rem 1.1rem;font-weight:600;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.auth-button:hover:not(:disabled),.modal-button:hover:not(:disabled){transform:translateY(-1px)}.auth-button:disabled,.modal-button:disabled{cursor:progress;opacity:.66}.auth-button-primary,.modal-button-primary{border-color:var(--ops-blue);background:var(--ops-blue);color:#fff}.auth-button-primary:hover:not(:disabled),.modal-button-primary:hover:not(:disabled){background:var(--ops-blue-dark)}.auth-button-secondary,.modal-button-secondary{width:fit-content;background:#fff;color:#334155}.auth-button-secondary:hover:not(:disabled),.modal-button-secondary:hover:not(:disabled){border-color:#bfdbfe;background:var(--ops-blue-soft);color:var(--ops-blue-dark)}.booking-modal-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0f172a3d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.booking-modal{width:min(100%,28rem);border:1px solid var(--ops-border);border-radius:var(--ops-radius-lg);padding:1.25rem;background:#fff;box-shadow:0 24px 70px #0f172a2e}.booking-modal-summary{display:grid;gap:.75rem;margin-top:1.1rem}.booking-modal-detail strong{display:block;margin-top:.35rem;color:var(--ops-text);font-size:1rem}.booking-modal-actions,.confirmation-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}@media(max-width:860px){.customer-shell{padding:1rem}.customer-topbar{flex-direction:column}.booking-grid,.detail-grid{grid-template-columns:1fr}.detail-card-wide{grid-column:span 1}.auth-card{max-width:none}}@media(max-width:560px){.language-switcher{width:100%;justify-content:space-between}.slot-row{flex-direction:column;align-items:flex-start}.slot-action{margin-top:.7rem!important}.booking-modal-actions,.confirmation-actions{flex-direction:column-reverse}.modal-button,.auth-button-secondary{width:100%}.auth-actions{flex-direction:column;align-items:stretch}}