:root{--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-150: #eaeef4;--slate-100: #f1f5f9;--slate-50: #f8fafc;--white: #ffffff;--indigo-800: #3730a3;--indigo-700: #4338ca;--indigo-600: #4f46e5;--indigo-500: #6366f1;--indigo-400: #818cf8;--indigo-100: #e0e7ff;--indigo-50: #eef2ff;--success-700: #15803d;--success-600: #16a34a;--success-500: #22a35a;--success-100: #dcfce7;--danger-700: #b91c1c;--danger-600: #dc2626;--danger-500: #e0473f;--danger-100: #fee2e2;--warning-700: #a15c00;--warning-600: #c2790a;--warning-500: #d68f0e;--warning-100: #fef3c7;--info-700: #0b6a8a;--info-500: #1c93bd;--info-100: #e0f4fa;--color-primary: var(--slate-900);--color-primary-contrast: var(--white);--color-accent: var(--indigo-600);--color-accent-hover: var(--indigo-700);--color-accent-contrast: var(--white);--color-link: var(--indigo-600);--color-bg: var(--slate-50);--color-surface: var(--white);--color-surface-raised: var(--white);--color-surface-muted: var(--slate-50);--color-border: var(--slate-200);--color-border-strong: var(--slate-300);--color-text: var(--slate-900);--color-text-muted: var(--slate-500);--color-text-subtle: var(--slate-400);--color-text-on-dark: var(--white);--color-text-on-dark-muted: var(--slate-300);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.0625rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.875rem;--fs-3xl: 2.25rem;--lh-tight: 1.2;--lh-snug: 1.4;--lh-normal: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .12);--shadow-focus: 0 0 0 4px rgba(79, 70, 229, .16);--shadow-focus-danger: 0 0 0 4px rgba(224, 71, 63, .16);--ease-standard: cubic-bezier(.2, .6, .2, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--header-height: 60px;--max-content-width: 640px;--tap-target: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}img,picture,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:var(--color-link);text-decoration:none}ul,ol{list-style:none}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--indigo-600);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,h4{font-weight:700;line-height:var(--lh-tight);letter-spacing:-.015em;color:var(--color-text)}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}p{color:var(--color-text)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle);font-size:var(--fs-xs)}.text-center{text-align:center}.text-accent{color:var(--color-accent)}.eyebrow{display:block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-2)}@media (min-width: 640px){h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}}.container{width:100%;max-width:var(--max-content-width);margin-inline:auto;padding-inline:var(--space-4);padding-block:var(--space-4)}@media (min-width: 640px){.container{padding-inline:var(--space-6);padding-block:var(--space-6)}}@media (min-width: 900px){.container-wide{max-width:1080px}}.grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 560px){.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-wrap{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.row-fill{width:100%}.form-row{display:flex;gap:var(--space-3)}.form-row>*{flex:1}.gap-2{gap:var(--space-2)}header{position:sticky;top:0;z-index:100;background:var(--color-surface);color:var(--color-text);border-bottom:1px solid var(--color-border);padding-block:var(--space-4);min-height:var(--header-height);display:flex;align-items:center}header .container{padding-block:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}header h1{font-size:var(--fs-md);color:var(--color-text);letter-spacing:-.01em}@media (min-width: 640px){header h1{font-size:var(--fs-lg)}}.header-subtitle{margin-top:var(--space-1);font-size:var(--fs-xs);color:var(--color-text-muted)}nav{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}nav a,nav button{color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;font-size:var(--fs-sm);font-weight:600;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}nav a:hover,nav button:hover{color:var(--color-text);background:var(--slate-100)}nav a[aria-current=page],nav .active{color:var(--color-accent);background:var(--indigo-50)}form{background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:var(--space-5)}@media (min-width: 640px){form{padding:var(--space-7)}}.form-group{margin-bottom:var(--space-5)}.form-group:last-child{margin-bottom:0}.form-group-inline{display:flex;align-items:center;gap:var(--space-2);margin-bottom:0}label{display:block;margin-bottom:var(--space-2);font-weight:600;font-size:var(--fs-sm);color:var(--color-text)}.label-hint{font-weight:400;color:var(--color-text-muted)}input,select,textarea{width:100%;min-height:var(--tap-target);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-md);font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:96px;padding-top:var(--space-3);resize:vertical}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:20px;padding-right:var(--space-8)}input::placeholder,textarea::placeholder{color:var(--color-text-subtle)}input:hover,select:hover,textarea:hover{border-color:var(--color-border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--indigo-500);box-shadow:var(--shadow-focus)}input:disabled,select:disabled,textarea:disabled{background:var(--slate-100);color:var(--color-text-subtle);cursor:not-allowed}input[type=checkbox]{width:20px;min-height:20px;height:20px;accent-color:var(--color-accent);flex-shrink:0}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger-500)}input[aria-invalid=true]:focus{box-shadow:var(--shadow-focus-danger)}.field-error{margin-top:var(--space-2);font-size:var(--fs-xs);color:var(--danger-700);font-weight:600}.input-compact{max-width:140px}.input-readonly{flex:1;background:var(--color-surface-muted);color:var(--color-text-muted);cursor:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target);padding:var(--space-3) var(--space-6);border:1.5px solid transparent;border-radius:var(--radius-md);font-size:var(--fs-md);font-weight:600;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-standard),background-color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),opacity var(--dur-base) var(--ease-standard)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent);color:var(--color-accent-contrast);box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md)}.btn-success{background:var(--success-600);color:var(--white);box-shadow:var(--shadow-xs)}.btn-success:hover{background:var(--success-700);box-shadow:var(--shadow-md)}.btn-danger{background:var(--white);color:var(--danger-700);border-color:var(--danger-100)}.btn-danger:hover{background:var(--danger-100);border-color:var(--danger-500)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--slate-100);border-color:var(--slate-400)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:var(--slate-100);color:var(--color-text)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-full{width:100%;margin-top:var(--space-2)}.btn-sm{min-height:38px;padding:var(--space-2) var(--space-4);font-size:var(--fs-sm)}.btn-icon{min-height:var(--tap-target);min-width:var(--tap-target);padding:0;border-radius:var(--radius-full)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:var(--space-5);transition:box-shadow var(--dur-base) var(--ease-standard)}@media (min-width: 640px){.card{padding:var(--space-6)}}.card-accent{border-top:3px solid var(--color-accent)}.card-muted{background:var(--color-surface-muted);box-shadow:none}.card-padded{padding:var(--space-8)}.card-padded-sm{padding:var(--space-4)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.card-header h2,.card-header h3{margin:0}.card-body{font-size:var(--fs-sm);color:var(--color-text)}.card-body p+p{margin-top:var(--space-2)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);flex-wrap:wrap}.info-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--fs-sm)}.info-row+.info-row{border-top:1px dashed var(--color-border)}.info-row .label{color:var(--color-text-muted);font-weight:500}.info-row .value{font-weight:700;text-align:right}.date-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--space-2);margin:var(--space-4) 0}.date-option{min-height:var(--tap-target);padding:var(--space-3) var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);background:var(--color-surface);font-weight:600;font-size:var(--fs-sm)}.date-option .date-option-num{font-size:var(--fs-md);font-weight:700}.date-option:hover{border-color:var(--indigo-400);box-shadow:var(--shadow-xs)}.date-option.selected{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.date-option.selected .text-subtle{color:#ffffffbf}.date-option.disabled{opacity:.4;cursor:not-allowed;background:var(--slate-100)}.time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin:var(--space-4) 0}@media (min-width: 420px){.time-slots{grid-template-columns:repeat(4,1fr)}}.time-slot{min-height:var(--tap-target);padding:var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;font-weight:600;font-size:var(--fs-sm);background:var(--color-surface);transition:all var(--dur-fast) var(--ease-standard)}.time-slot:hover:not(.disabled){border-color:var(--indigo-400);box-shadow:var(--shadow-xs)}.time-slot.selected{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.time-slot.disabled{opacity:.4;cursor:not-allowed;background:var(--slate-100);text-decoration:line-through}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--fs-sm);font-weight:500;border:1px solid transparent;animation:alert-in var(--dur-slow) var(--ease-standard)}.alert:before{flex-shrink:0;width:18px;height:18px;margin-top:1px;background-repeat:no-repeat;background-position:center;background-size:contain}.alert-success{background:var(--success-100);color:var(--success-700);border-color:#15803d33}.alert-success:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E")}.alert-error{background:var(--danger-100);color:var(--danger-700);border-color:#b91c1c33}.alert-error:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b91c1c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E")}.alert-warning{background:var(--warning-100);color:var(--warning-700);border-color:#a15c0033}.alert-warning:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a15c00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E")}.alert-info{background:var(--info-100);color:var(--info-700);border-color:#0b6a8a33}.alert-info:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E")}.alert-with-action{flex-wrap:wrap;align-items:center}.alert-with-action span{flex:1 1 220px}.alert-action{flex-shrink:0;background:var(--color-surface)}@keyframes alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-bottom:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}th{background:var(--slate-50);color:var(--color-text-muted);padding:var(--space-3) var(--space-4);text-align:left;font-weight:700;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border)}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--fs-sm)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background-color var(--dur-fast) var(--ease-standard)}tbody tr:hover{background:var(--slate-50)}@media (max-width: 640px){table,thead,tbody,th,td,tr{display:block}thead{display:none}table{background:transparent;box-shadow:none;border-radius:0}tbody tr{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4)}td{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px dashed var(--color-border);padding:var(--space-3) 0;text-align:right}tbody tr td:last-child{border-bottom:none}td:before{content:attr(data-label);font-weight:700;font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;text-align:left}}.appointment-list{display:none}.day-separator{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-3)}.day-separator:first-child{margin-top:0}.day-separator-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);white-space:nowrap}.day-separator-line{flex:1;height:1px;background:var(--color-border)}.table-day-row td{background:var(--color-surface-muted);font-weight:700;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:var(--space-2) var(--space-4)}.appointment-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);margin-bottom:var(--space-3)}.appointment-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.appointment-card-name{font-size:var(--fs-md);font-weight:700;color:var(--color-text)}.appointment-card-when{font-size:var(--fs-sm);font-weight:600;color:var(--color-accent);margin-top:var(--space-1)}.appointment-card-meta{margin-top:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted)}.appointment-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.appointment-card-actions .btn{flex:1 1 auto;min-width:100px}@media (max-width: 640px){.table-scroll>table{display:none}.appointment-list{display:block}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:700;letter-spacing:.01em;white-space:nowrap;background:var(--slate-100);color:var(--color-text-muted)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-danger{background:var(--danger-100);color:var(--danger-700)}.badge-warning{background:var(--warning-100);color:var(--warning-700)}.badge-info{background:var(--info-100);color:var(--info-700)}.badge-accent{background:var(--indigo-100);color:var(--indigo-700)}.spinner{border:4px solid var(--slate-100);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin:var(--space-6) auto}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--slate-100) 25%,var(--slate-200) 37%,var(--slate-100) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal.show{display:flex;align-items:flex-end;justify-content:center;animation:overlay-in var(--dur-base) var(--ease-standard)}.modal-content{background-color:var(--color-surface);padding:var(--space-6);width:100%;max-height:92dvh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);animation:sheet-in var(--dur-slow) var(--ease-standard)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width: 640px){.modal.show{align-items:center}.modal-content{max-width:480px;border-radius:var(--radius-lg);animation:dialog-in var(--dur-base) var(--ease-standard)}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0}.modal-close{min-width:var(--tap-target);min-height:var(--tap-target);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);line-height:1;cursor:pointer;background:var(--slate-100);border-radius:var(--radius-full);color:var(--color-text-muted);transition:background var(--dur-fast) var(--ease-standard)}.modal-close:hover{background:var(--slate-200);color:var(--color-text)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.divider{height:1px;background:var(--color-border);border:none;margin:var(--space-5) 0}.icon{flex-shrink:0;vertical-align:-3px}.btn .icon{vertical-align:-1px}.code-pill{display:inline-block;background:var(--slate-100);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:.9em}.code-display{background:var(--indigo-50);border:1px dashed var(--indigo-400)}.code-display h2{font-size:var(--fs-2xl);letter-spacing:.12em;color:var(--indigo-700);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}@media (max-width: 768px){.container{padding-inline:var(--space-4)}}.menu-toggle{min-width:var(--tap-target);min-height:var(--tap-target);display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);color:var(--color-text-muted);background:var(--slate-100);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.menu-toggle:hover{background:var(--indigo-50);color:var(--color-accent);border-color:var(--indigo-400)}.menu-wrap{position:relative}.menu-panel{display:none;position:absolute;top:calc(100% + var(--space-2));left:0;z-index:200;min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);flex-direction:column;gap:var(--space-1)}.menu-panel.show{display:flex;animation:dialog-in var(--dur-base) var(--ease-standard)}.menu-panel a{display:flex;align-items:center;color:var(--color-text);font-size:var(--fs-sm);font-weight:600;padding:var(--space-3);border-radius:var(--radius-sm);transition:background-color var(--dur-fast) var(--ease-standard)}.menu-panel a .icon{color:var(--color-text-muted)}.menu-panel a:hover{background:var(--slate-100)}.menu-panel a[aria-current=page]{background:var(--indigo-50);color:var(--indigo-700)}.step-progress{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.step-progress-item{display:flex;align-items:center;gap:var(--space-2);flex:1}.step-progress-dot{width:28px;height:28px;min-width:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;background:var(--slate-100);color:var(--color-text-subtle);border:1.5px solid var(--color-border);transition:all var(--dur-base) var(--ease-standard)}.step-progress-label{font-size:var(--fs-xs);font-weight:600;color:var(--color-text-subtle);display:none}@media (min-width: 480px){.step-progress-label{display:block}}.step-progress-line{flex:1;height:2px;background:var(--color-border);margin:0 var(--space-1)}.step-progress-item.is-active .step-progress-dot{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.step-progress-item.is-active .step-progress-label{color:var(--color-text)}.step-progress-item.is-done .step-progress-dot{background:var(--indigo-50);border-color:var(--indigo-400);color:var(--color-accent)}.step-progress-item.is-done .step-progress-line,.step-progress-item.is-done+.step-progress-line{background:var(--indigo-400)}.schedule-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding-bottom:var(--space-4);border-bottom:1px dashed var(--color-border)}.schedule-row:last-child{border-bottom:none;padding-bottom:0}.schedule-day-toggle{display:flex;align-items:center;gap:var(--space-2);min-width:140px;margin-bottom:0;font-weight:600}.schedule-time-input{max-width:140px}.auth-container{max-width:400px;margin-inline:auto;padding-top:var(--space-12)}@media (max-width: 480px){.auth-container{padding-top:var(--space-8)}}.hero{padding-block:var(--space-12) var(--space-8);text-align:center}@media (min-width: 640px){.hero{padding-block:var(--space-16) var(--space-10)}}.hero-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--indigo-50);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);margin:0 auto var(--space-5)}.hero-icon-success{background:var(--success-100);color:var(--success-700)}.hero h1{font-size:var(--fs-2xl);margin-bottom:var(--space-3)}@media (min-width: 640px){.hero h1{font-size:var(--fs-3xl)}}.hero-lead{color:var(--color-text-muted);font-size:var(--fs-md);max-width:460px;margin:0 auto}