html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-bg:#fbf9f5;--color-surface:#fff;--color-surface-low:#f5f3ee;--color-text:#1c1917;--color-text-soft:#44403c;--color-muted:#78716c;--color-faint:#a8a29e;--color-border:#e7e5e4;--color-border-soft:#e7e5e4b3;--color-brand-50:#fdf8f3;--color-brand-100:#f8ece0;--color-brand-200:#f0d4be;--color-brand-500:#b86a34;--color-brand-600:#9e5424;--color-brand-700:#7e3f18;--color-brand-800:#643214;--color-green:#0f5238;--color-green-dark:#0b3f2b;--color-green-soft:#dcf3e6;--color-free:#6ee7b7;--color-free-border:#059669;--color-free-text:#022c22;--color-free-accent:#065f46;--color-free-dot:#10b981;--color-selected:#f59e0b;--color-selected-border:#c2410c;--color-selected-ring:#f59e0b73;--color-booked:#f5f5f4;--color-booked-border:#e7e5e4;--color-mine:#dbeafe;--color-mine-border:#93c5fd;--color-mine-text:#1e3a8a;--color-mine-dot:#2563eb;--color-behalf:#fae8ff;--color-behalf-border:#e879f9;--color-behalf-text:#701a75;--color-behalf-dot:#c026d3;--color-danger:#ba1a1a;--color-danger-soft:#ffdad6;--shadow-soft:0 4px 24px -2px #2d23190d;--shadow-float:0 16px 36px -4px #43200b29, 0 6px 16px -2px #43200b14;--shadow-modal:0 16px 36px -8px #1f242138;--radius:16px;--radius-lg:24px;--page-max:1040px}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:Plus Jakarta Sans,Segoe UI,Roboto,-apple-system,sans-serif;font-size:.875rem;line-height:1.5}button,input{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}h1,h2,h3,p{margin:0}.loading-screen{height:100vh;color:var(--color-muted);justify-content:center;align-items:center;font-size:1rem;display:flex}.pill{letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:3px 10px;font-size:.6875rem;font-weight:700;display:inline-flex}.pill-brand{background:var(--color-brand-100);color:var(--color-brand-800)}.pill-neutral{background:var(--color-border);color:var(--color-text-soft)}.pill-confirmed{background:var(--color-green-soft);color:var(--color-green)}.pill-dot{background:var(--color-brand-500);border-radius:50%;width:6px;height:6px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-brand-600);font-size:.6875rem;font-weight:700;display:block}.icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-circle-lg{width:56px;height:56px}.icon-circle-green{background:var(--color-green-soft);color:var(--color-green)}.icon-circle-neutral{background:var(--color-surface-low);color:var(--color-muted)}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);text-align:center;max-width:420px;box-shadow:var(--shadow-soft);flex-direction:column;align-items:center;padding:40px 28px;display:flex}.login-card h1{letter-spacing:-.02em;margin:16px 0 8px;font-size:1.5rem;font-weight:800;line-height:1.3}.login-card p{color:var(--color-muted);margin-bottom:24px}.google-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;align-items:center;gap:10px;padding:12px 20px;font-size:.9375rem;font-weight:600;transition:box-shadow .15s,transform .15s;display:inline-flex}.google-btn:hover{box-shadow:var(--shadow-soft)}.google-btn:active{transform:scale(.97)}.guest-login{color:var(--color-muted);text-align:center;flex-direction:column;align-items:center;gap:2px;margin-top:16px;font-size:.875rem;display:flex}.welcome-actions .guest-login{margin-top:4px}.guest-login-link{color:var(--color-green);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.9375rem;font-weight:600;text-decoration:underline}.guest-login .modal-card{text-align:left;color:var(--color-text)}.welcome-page{padding-bottom:3rem}.welcome-main{text-align:center;flex-direction:column;align-items:center;padding-top:40px;display:flex}.welcome-logo{width:96px;height:96px;box-shadow:var(--shadow-float);border-radius:24px}.welcome-title{letter-spacing:-.025em;margin-top:24px;font-size:2rem;font-weight:800;line-height:1.25}.welcome-lead{margin-top:12px;font-size:1.125rem;font-weight:500;line-height:1.5}.welcome-custom{max-width:440px;color:var(--color-text-soft);overflow-wrap:anywhere;margin-top:12px;font-size:.9375rem}.rich-text p,.rich-text div{margin:0}.rich-text ul,.rich-text ol{text-align:left;margin:6px 0;padding-left:22px;display:inline-block}.rich-text a{color:var(--color-brand-600);font-weight:600}.rich-editor{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;overflow:hidden}.rich-editor.disabled{opacity:.6}.rich-editor-toolbar{background:var(--color-surface-low);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:4px;padding:6px;display:flex}.rich-editor-toolbar button{min-width:36px;min-height:34px;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:4px 10px;font-size:.8125rem;font-weight:600}.rich-editor-toolbar button:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border)}.rich-editor-content{min-height:120px;color:var(--color-text);overflow-wrap:anywhere;padding:12px 14px;font-size:.9375rem;font-weight:400;line-height:1.5}.rich-editor-content:focus{outline:none;box-shadow:inset 0 0 0 2px #b86a3440}.rich-editor-content ul,.rich-editor-content ol{display:block}.welcome-settings{flex-direction:column;gap:10px;display:flex}.welcome-settings textarea{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);resize:vertical;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:.9375rem;line-height:1.5}.contact-row{align-items:center;gap:8px;display:flex}.contact-row input{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex:1;min-width:0;padding:10px 12px;font-size:.875rem}.contact-add{align-items:center;gap:6px;display:inline-flex}.welcome-contacts{text-align:left;width:100%;margin-top:32px}.welcome-contacts h3{color:var(--color-muted);text-align:center;margin-bottom:8px}.welcome-contacts ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.welcome-contacts li{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 20px;display:flex}.welcome-contact-info{overflow-wrap:anywhere;flex-direction:column;min-width:0;font-size:.9375rem;display:flex}.welcome-contact-info span{color:var(--color-muted);font-size:.8125rem}.welcome-contacts .btn-pill{flex-shrink:0}.welcome-settings-actions{align-items:center;gap:12px;display:flex}.welcome-text{max-width:400px;color:var(--color-muted);margin-top:12px;font-size:.9375rem}.welcome-eyebrow{color:var(--color-muted);margin-top:28px}.welcome-actions{flex-direction:column;gap:12px;width:100%;margin-top:12px;display:flex}.welcome-btn{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:14px 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex}.welcome-btn:active{transform:scale(.98)}.welcome-btn-primary{background:var(--color-green);border:1px solid var(--color-green);color:#fff;box-shadow:var(--shadow-soft)}.welcome-btn-primary:hover{background:var(--color-green-dark)}.welcome-btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-green)}.welcome-btn-secondary:hover{background:#fafaf9}.welcome-steps{text-align:left;flex-direction:column;gap:12px;width:100%;margin:40px 0 0;padding:0;list-style:none;display:flex}.welcome-steps li{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);align-items:center;gap:16px;padding:16px 20px;font-size:.9375rem;font-weight:500;display:flex}.welcome-step-num{background:var(--color-green-soft);width:36px;height:36px;color:var(--color-green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.app-header{z-index:30;padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf9f5e6;border-bottom:1px solid #e7e5e499;position:sticky;top:0}.app-header-inner{max-width:var(--page-max);margin:0 auto;padding:12px 16px}.app-header-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.app-header-title{min-width:0}.app-header h1{letter-spacing:-.02em;font-size:1.25rem;font-weight:700;line-height:1.25}.app-header h1 a{color:inherit;text-decoration:none}.header-badge{max-width:100%;color:var(--color-brand-800);letter-spacing:.06em;text-transform:uppercase;background:#f8ece0b3;border-radius:999px;align-items:center;gap:4px;margin-bottom:3px;padding:2px 8px;font-size:.625rem;font-weight:700;display:inline-flex}.header-badge svg{flex-shrink:0}.header-badge span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-header-user{flex-shrink:0;align-items:center;gap:8px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px;box-shadow:0 0 0 2px #b86a3433}.avatar-fallback{background:var(--color-brand-100);color:var(--color-brand-800);justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:inline-flex}.user-meta{text-align:right;flex-direction:column;line-height:1.3;display:none}.user-name{font-size:.75rem;font-weight:600}.user-role{color:var(--color-muted);font-size:.625rem;font-weight:500}.app-nav{align-items:stretch;gap:6px;display:flex}.nav-btn{background:var(--color-surface);min-width:40px;min-height:40px;color:var(--color-text-soft);cursor:pointer;white-space:nowrap;border:1px solid #e7e5e4cc;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:transform .15s,background-color .15s,color .15s;display:inline-flex}.nav-btn:hover{background:#fafaf9}.nav-btn:active{transform:scale(.97)}.nav-btn-main{flex:1;min-width:0}.nav-label{text-overflow:ellipsis;overflow:hidden}.nav-label-wide{display:none}.nav-icon{color:var(--color-brand-600);display:inline-flex}.nav-icon-muted{color:var(--color-muted)}.nav-badge{background:var(--color-brand-500);color:#fff;border-radius:999px;padding:1px 6px;font-size:.625rem;font-weight:700;line-height:1.4}.nav-btn-logout{background:var(--color-booked);color:var(--color-muted);border-color:#0000}.nav-btn-logout:hover{color:#e11d48;background:#fff1f2}.booking-page{padding-bottom:8rem}.admin-page{padding-bottom:4rem}.page-main{max-width:var(--page-max);margin:0 auto;padding:16px 16px 0}.page-main-narrow{max-width:560px}.page-status{color:var(--color-muted);margin:16px 4px}.day-tabs{align-items:stretch;gap:6px;margin-bottom:12px;display:flex}.booking-page .day-tabs{top:var(--app-header-h,0px);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf9f5f2;margin:0 -10px 10px;padding:8px 10px;position:sticky}.booking-page-tabs .page-main{padding:0 10px}.booking-page-tabs .legend{margin-bottom:12px}.day-tabs-track{border:1px solid var(--color-border);background:var(--color-surface);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:12px;flex:1;min-width:0;display:flex;overflow-x:auto}.day-tabs-track::-webkit-scrollbar{display:none}.day-tabs-arrow{border:1px solid var(--color-border);background:var(--color-surface);width:32px;color:var(--color-brand-600);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;transition:background-color .15s,opacity .15s;display:flex}.day-tabs-arrow:hover:not(:disabled){background:var(--color-brand-100)}.day-tabs-arrow:disabled{color:var(--color-faint);opacity:.5;cursor:default}.day-tab{border:none;border-left:1px solid var(--color-border);min-width:96px;min-height:46px;color:var(--color-text-soft);cursor:pointer;white-space:nowrap;background:0 0;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;padding:6px 14px;transition:background-color .15s,color .15s;display:flex}.day-tab:first-child{border-left:none}.day-tab:hover{background:var(--color-brand-50)}.day-tab-weekday{letter-spacing:.06em;text-transform:uppercase;color:var(--color-faint);font-size:.625rem;font-weight:600;line-height:1.2}.day-tab-date{font-size:.875rem;font-weight:700;line-height:1.25}.day-tab.active,.day-tab.active:hover{background:var(--color-brand-600);color:#fff}.day-tab.active,.day-tab.active+.day-tab{border-left-color:#0000}.day-tab.active .day-tab-weekday{color:#fffc}.legend{border:1px solid var(--color-border-soft);border-radius:var(--radius);box-shadow:var(--shadow-soft);color:var(--color-text-soft);background:#ffffffb3;grid-template-columns:repeat(2,1fr);gap:8px 12px;margin-bottom:20px;padding:10px 14px;font-size:.6875rem;font-weight:600;display:grid}.legend span{align-items:center;gap:8px;display:inline-flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot-free{background:var(--color-free-border);box-shadow:0 0 0 2px var(--color-free)}.dot-selected{background:var(--color-selected);box-shadow:0 0 0 2px #fde68a}.dot-booked{background:#a8a29e;box-shadow:0 0 0 2px #d6d3d1}.dot-mine{background:#2563eb;box-shadow:0 0 0 2px #bfdbfe}.dot-behalf{background:#c026d3;box-shadow:0 0 0 2px #f5d0fe}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start;gap:10px;display:grid}.slot-block{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:10px}.slot-block-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:0 2px;display:flex}.slot-block-label{letter-spacing:.05em;text-transform:uppercase;color:#57534e;align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:flex}.slot-block-label:before{content:"";background:var(--color-faint);border-radius:999px;flex-shrink:0;width:6px;height:16px}.block-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.6875rem;font-weight:500}.block-badge-selected{color:#b45309;background:#fffbeb;border-color:#fde68a99}.block-badge-free{color:var(--color-free-accent);background:#ecfdf5;border-color:#a7f3d099}.block-badge-full{color:var(--color-muted)}.slot-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.slot-cell{border-radius:var(--radius);border:1px solid var(--color-free-border);background:var(--color-free);min-width:0;min-height:80px;color:var(--color-free-text);text-align:center;cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;gap:4px;padding:8px 4px;transition:transform .15s,background-color .15s,border-color .15s,box-shadow .15s;display:flex}.slot-cell:active:not(:disabled){transform:scale(.97)}.slot-cell:disabled{cursor:not-allowed}.slot-free:hover{border-color:var(--color-free-accent);background:#34d399}.slot-time{font-variant-numeric:tabular-nums;letter-spacing:-.01em;flex-direction:column;align-items:center;font-size:.75rem;font-weight:800;line-height:1.2;display:flex}.slot-time span{white-space:nowrap}.slot-body{flex-direction:column;justify-content:center;width:100%;margin:auto 0;display:flex}.slot-line{letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere;color:var(--color-free-accent);font-size:.625rem;font-weight:500;line-height:1.25;display:block}.slot-line-book{color:var(--color-free-text);font-weight:800}.slot-selected .slot-line,.slot-selected .slot-line-book,.slot-mine .slot-line-book{color:inherit}.slot-mine .slot-line{color:#ffffffe6}.slot-book,.slot-chapters{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.slot-book{letter-spacing:-.01em;text-transform:uppercase;font-size:.625rem;font-weight:700}.slot-chapters{color:var(--color-free-accent);font-size:.59375rem;font-weight:500}.slot-mark{justify-content:center;align-items:center;height:16px;display:inline-flex}.slot-check{background:var(--color-text);width:16px;height:16px;color:var(--color-selected);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.slot-selected{background:var(--color-selected);border:2px solid var(--color-selected-border);color:#0c0a09;box-shadow:0 0 0 2px var(--color-selected-ring);padding:7px 3px}.slot-selected .slot-book{font-weight:800}.slot-selected .slot-chapters{color:inherit;opacity:.8;font-weight:700}.slot-booked{color:#57534e;background:#d6d3d1;border:1.5px dashed #78716c}.slot-booked .slot-time{font-weight:600}.slot-booked .slot-book{color:var(--color-text-soft);font-weight:600}.slot-booked .slot-chapters{color:#57534e}.slot-mine{color:#fff;background:#2563eb;border-color:#1e40af;box-shadow:0 2px 6px -1px #2563eb73}.slot-mine:hover{background:#1d4ed8}.slot-mine .slot-chapters,.slot-mine .slot-mark{color:#ffffffe6}.slot-behalf{background:#c026d3;border-color:#86198f;box-shadow:0 2px 6px -1px #c026d373}.slot-behalf:hover{background:#a21caf}.floating-cta{z-index:40;padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.floating-bar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-lg);width:100%;max-width:448px;box-shadow:var(--shadow-float);color:#fff;pointer-events:auto;background:#1c1917f2;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.floating-bar-info{flex-direction:column;min-width:0;padding:4px 0 4px 14px;display:flex}.floating-bar-count{letter-spacing:.04em;text-transform:uppercase;color:#d6d3d1;align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:inline-flex}.floating-bar-total{color:#e7e5e4;font-size:.8125rem;font-weight:500}.pulse-dot{background:var(--color-selected);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";background:var(--color-selected);border-radius:50%;animation:1.2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}@keyframes ping{75%,to{opacity:0;transform:scale(2.2)}}.floating-bar-btn{border-radius:var(--radius);background:var(--color-brand-600);color:#fff;letter-spacing:.02em;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.875rem;font-weight:700;transition:transform .15s,background-color .15s;display:inline-flex;box-shadow:0 4px 6px -1px #0000001a}.floating-bar-btn:hover{background:var(--color-brand-500)}.floating-bar-btn:active{background:var(--color-brand-700);transform:scale(.97)}.booking-page-tabs{padding-bottom:13rem}.time-tabs{z-index:35;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);background:#fbf9f5f2;position:fixed;bottom:0;left:0;right:0}.time-tabs-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:560px;margin:0 auto;padding:8px;display:grid}.time-tab{background:var(--tab-bg);min-width:0;min-height:48px;color:var(--tab-text);cursor:pointer;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 2px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 6px -1px #32281e1f}.time-tab-0{--tab-bg:#1e1b4b;--tab-text:#fff}.time-tab-1{--tab-bg:#facc15;--tab-text:#422006}.time-tab-2{--tab-bg:#f97316;--tab-text:#431407}.time-tab-3{--tab-bg:#1d4ed8;--tab-text:#fff}.time-tab:active:not(:disabled){transform:scale(.97)}.time-tab:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.time-tab-name{font-size:.8125rem;font-weight:700}.time-tab-label{white-space:nowrap;font-size:.6875rem;font-weight:600}.time-tab.active{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 5px var(--color-text), 0 8px 16px -4px #1f24214d;transform:translateY(-3px)}.floating-cta-above-tabs{bottom:calc(65px + env(safe-area-inset-bottom,0px));padding-bottom:12px}.btn-primary,.btn-secondary,.btn-soft{border-radius:var(--radius);letter-spacing:.01em;cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 20px;font-size:.875rem;font-weight:600;transition:transform .15s,background-color .15s;display:inline-flex}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-soft:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--color-brand-600);color:#fff;border:none}.btn-primary:hover{background:var(--color-brand-700)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:#fafaf9}.btn-soft{background:var(--color-surface-low);color:var(--color-text);border:none}.btn-soft:hover{background:var(--color-border)}.btn-primary:disabled,.btn-secondary:disabled,.btn-soft:disabled{opacity:.6;cursor:not-allowed}.btn-pill{border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex}.btn-pill:active{transform:scale(.97)}.btn-pill-green{background:var(--color-green);color:#fff}.btn-pill-green:hover{background:var(--color-green-dark)}.btn-pill-float{box-shadow:var(--shadow-float);pointer-events:auto;padding:13px 22px}.btn-danger-text{min-height:36px;color:var(--color-danger);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:600;transition:background-color .15s;display:inline-flex}.btn-danger-text:hover{background:var(--color-danger-soft)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c191799;justify-content:center;align-items:center;padding:16px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:90vh;box-shadow:var(--shadow-modal);border:1px solid #e7e5e4cc;padding:28px;animation:.2s zoom-in;overflow-y:auto}@keyframes fade-in{0%{opacity:0}}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}}.modal-card h2{letter-spacing:-.02em;margin-bottom:8px;font-size:1.25rem;font-weight:700;line-height:1.4}.modal-text{color:var(--color-text-soft);margin-bottom:20px;font-size:.8125rem;line-height:1.6}.modal-form{flex-direction:column;gap:12px;display:flex}.modal-form input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:12px;padding:12px 14px;font-size:1rem}.modal-form input:focus{border-color:var(--color-brand-500);outline:none;box-shadow:0 0 0 3px #b86a3426}.form-error{background:var(--color-danger-soft);color:#93000a;border-radius:12px;margin:0 0 16px;padding:10px 14px;font-size:.8125rem;font-weight:500}.modal-form .form-error{margin:0}.summary-day,.summary-range-time{align-items:center;gap:6px;display:flex}.summary-day{color:var(--color-text-soft);margin-bottom:6px;font-weight:600}.summary-range{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.summary-range-time{color:var(--color-brand-600);font-size:.9375rem;font-weight:700}.summary-list{border-top:1px dashed #ece8df;max-height:240px;margin:0 0 20px;padding:0;list-style:none;overflow-y:auto}.summary-list li{border-bottom:1px dashed #ece8df;justify-content:space-between;gap:12px;padding:10px 0;font-size:.8125rem;display:flex}.summary-time{white-space:nowrap;font-weight:700}.summary-book{color:var(--color-muted);text-align:right}.booking-for{border:none;min-width:0;margin:0 0 20px;padding:0}.booking-for legend{margin-bottom:8px;padding:0;font-size:.8125rem;font-weight:700}.booking-for-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.booking-for-option{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:12px;align-items:center;gap:8px;min-height:46px;padding:8px 12px;font-size:.8125rem;font-weight:600;line-height:1.25;display:flex}.booking-for-option input{width:16px;height:16px;accent-color:var(--color-brand-600);flex-shrink:0;margin:0}.booking-for-option.active{border-color:var(--color-brand-500);background:var(--color-brand-50);color:var(--color-brand-800)}.booking-for .modal-form{margin-top:12px}.modal-actions{gap:10px;display:flex}.modal-actions button{flex:1}.modal-actions-stacked{flex-direction:column;gap:8px;width:100%}.cancel-card{text-align:center;flex-direction:column;align-items:center;max-width:384px;display:flex}.modal-icon{background:var(--color-brand-100);width:56px;height:56px;color:var(--color-brand-600);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.cancel-detail{border-radius:var(--radius);background:var(--color-surface-low);text-align:left;flex-direction:column;gap:8px;width:100%;margin-bottom:20px;padding:14px;display:flex}.cancel-detail-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.cancel-detail-time,.cancel-detail-day{align-items:center;gap:6px;display:flex}.cancel-detail-time{color:var(--color-brand-600);font-size:.9375rem;font-weight:700}.cancel-detail-day{font-size:.75rem;font-weight:600}.cancel-detail-book{color:var(--color-brand-800);letter-spacing:.02em;text-transform:uppercase;background:#ffffffb3;border-radius:12px;padding:8px 10px;font-size:.75rem;font-weight:700}.cancel-detail-reader{border:1px solid var(--color-behalf-border);background:var(--color-behalf);color:var(--color-behalf-text);border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.cancel-detail-reader-label{letter-spacing:.05em;text-transform:uppercase;font-size:.625rem;font-weight:700}.cancel-detail-reader-row{color:inherit;overflow-wrap:anywhere;align-items:center;gap:6px;font-size:.875rem;font-weight:700;display:flex}.cancel-detail-reader-empty{opacity:.7;font-weight:500}.cancel-detail-note{color:var(--color-text-soft);font-size:.6875rem;font-weight:600;line-height:1.4}.page-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.back-link{background:var(--color-border);min-height:36px;color:var(--color-text-soft);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.back-link:hover{background:#d6d3d1}.intro-card,.booking-detail-card,.empty-state,.quote-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.intro-card{margin-bottom:20px;padding:16px}.intro-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.intro-card h2{letter-spacing:-.015em;margin:2px 0;font-size:1.25rem;font-weight:600;line-height:1.4}.intro-card-user{color:var(--color-text-soft);font-size:.75rem}.metrics{background:var(--color-surface-low);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;padding:10px;display:grid}.metric{align-items:center;gap:10px;min-width:0;display:flex}.metric>div{min-width:0}.metric-icon{background:var(--color-surface);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.metric-icon-green{color:var(--color-green)}.metric-icon-brand{color:var(--color-brand-600)}.metric-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);font-size:.6875rem;font-weight:700}.metric-value{overflow-wrap:anywhere;font-size:1rem;font-weight:600;line-height:1.35}.metric-value-brand{color:var(--color-brand-600)}.booking-day-group{margin-bottom:24px}.booking-day-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:0 4px;display:flex}.booking-day-head h3{align-items:center;gap:8px;font-size:1.125rem;font-weight:600;line-height:1.35;display:flex}.booking-day-head h3:first-letter{text-transform:uppercase}.booking-day-dot{background:var(--color-green);border-radius:50%;flex-shrink:0;width:10px;height:10px}.booking-day-count{color:var(--color-muted);flex-shrink:0;font-size:.75rem;font-weight:600}.booking-detail-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.booking-detail-card{padding:16px}.booking-detail-main{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.booking-detail-info{flex-direction:column;gap:6px;min-width:0;display:flex}.booking-detail-timerow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.booking-detail-time{letter-spacing:-.01em;color:var(--color-brand-600);white-space:nowrap;align-items:center;gap:5px;font-size:.9375rem;font-weight:700;display:inline-flex}.booking-detail-book{letter-spacing:.03em;text-transform:uppercase;color:var(--color-green);align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:flex}.booking-detail-book svg{flex-shrink:0}.booking-detail-reader{border:1px solid #0000;border-radius:12px;align-self:flex-start;align-items:center;gap:8px;max-width:100%;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.booking-detail-reader svg{flex-shrink:0}.booking-detail-reader-mine{background:var(--color-mine);border-color:var(--color-mine-border);color:var(--color-mine-text)}.booking-detail-reader-mine svg{color:var(--color-mine-dot)}.booking-detail-reader-behalf{background:var(--color-behalf);border-color:var(--color-behalf-border);color:var(--color-behalf-text);padding:8px 12px}.booking-detail-reader-behalf svg{color:var(--color-behalf-dot)}.booking-detail-reader-behalf>span{flex-direction:column;min-width:0;display:flex}.booking-detail-reader-label{letter-spacing:.05em;text-transform:uppercase;font-size:.625rem;font-weight:700}.booking-detail-reader-behalf strong{overflow-wrap:anywhere;font-size:1rem;font-weight:800;line-height:1.2}.booking-detail-sentinel{color:var(--color-text-soft);font-size:.75rem}.booking-detail-footer{background:var(--color-surface-low);border-radius:12px;justify-content:flex-end;margin-top:14px;padding:4px 6px;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;padding:32px 24px;display:flex}.empty-state h3{margin:12px 0 4px;font-size:1.125rem;font-weight:600}.empty-state p{max-width:320px;color:var(--color-text-soft);margin-bottom:16px}.quote-card{margin:0 0 16px;padding:16px}.quote-card blockquote{margin:6px 0 4px;font-size:.8125rem;font-style:italic}.quote-card figcaption{letter-spacing:.04em;color:var(--color-muted);text-align:right;font-size:.6875rem;font-weight:700}.admin-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin:0 -16px 16px;padding:4px 16px;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{background:var(--color-surface);min-height:40px;color:var(--color-text-soft);white-space:nowrap;cursor:pointer;border:1px solid #e7e5e4e6;border-radius:999px;flex:none;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:transform .15s,background-color .15s}.admin-tab:hover:not(.active){background:#fafaf9}.admin-tab:active{transform:scale(.97)}.admin-tab.active{background:var(--color-text);border-color:var(--color-text);color:#fff}.admin-section[hidden]{display:none}.admin-section{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);margin-bottom:20px;padding:20px}.admin-section h2{margin-bottom:14px;font-size:1.125rem;font-weight:600}.admin-day-summary{color:var(--color-text-soft);font-weight:600}.admin-day-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-day-list li,.import-export-row{background:var(--color-surface-low);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.switch{cursor:pointer;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;display:flex}.switch input,.admin-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-brand-600)}.import-export-panel{flex-direction:column;gap:12px;display:flex}.import-export-row{flex-wrap:wrap;padding:14px 16px}.import-export-row p{color:var(--color-muted);margin-top:4px;font-size:.8125rem}.import-export-row input[type=file]{max-width:100%;font-size:.8125rem}.import-export-status{color:var(--color-muted);font-size:.8125rem}.import-export-row button,.sentinel-form button,.admin-toolbar button{background:var(--color-brand-600);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;min-height:40px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:background-color .15s}.import-export-row button:hover,.sentinel-form button:hover:not(:disabled){background:var(--color-brand-700)}.admin-toolbar{margin:12px 0}.admin-toolbar button,.btn-secondary-inline{background:var(--color-surface)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important}.admin-sentinel-box{background:var(--color-brand-50);border:1px solid var(--color-brand-200);border-radius:var(--radius);margin:16px 0;padding:16px}.admin-sentinel-box h3{margin-bottom:6px;font-size:.9375rem;font-weight:700}.admin-sentinel-box p{color:var(--color-text-soft);margin-bottom:12px;font-size:.8125rem}kbd{background:var(--color-border);border-radius:4px;padding:1px 6px;font-family:inherit;font-size:.8em}.sentinel-form{flex-wrap:wrap;gap:10px;display:flex}.sentinel-form input{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex:1;min-width:200px;padding:8px 12px;font-size:.875rem}.sentinel-form button:disabled{opacity:.5;cursor:not-allowed}.btn-remove-sentinel{color:var(--color-danger);margin-left:6px;background:0 0!important;padding:0 4px!important}.user-manager{flex-direction:column;gap:12px;display:flex}.user-toolbar{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.user-toolbar input[type=search]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex:1;min-width:200px;padding:10px 14px;font-size:.875rem}.user-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.user-list li{background:var(--color-surface-low);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex}.user-info{flex:1;min-width:0}.user-info-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.user-info .admin-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-action{border:1px solid var(--color-border);background:var(--color-surface);min-height:36px;color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:.75rem;font-weight:600}.user-action:hover:not(:disabled){background:#fafaf9}.user-action-revoke{background:var(--color-danger-soft);color:#93000a;border-color:#0000}.user-action-revoke:hover:not(:disabled){background:#ffc9c3}.user-action:disabled{opacity:.5;cursor:not-allowed}.admin-email{color:var(--color-muted);font-size:.75rem;display:block}.admin-table button{background:var(--color-danger-soft);color:#93000a;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:5px 10px;font-size:.75rem;font-weight:600}.admin-table .btn-table-neutral{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);margin-right:6px}.table-input{border:1px solid var(--color-border);background:var(--color-surface);width:150px;color:var(--color-text);border-radius:8px;padding:6px 10px;font-size:.8125rem}.table-input:focus{border-color:var(--color-brand-500);outline:none;box-shadow:0 0 0 3px #b86a3426}.table-input-group{align-items:center;gap:6px;display:inline-flex}.table-input-group .table-input{width:130px}.table-input-error{color:var(--color-danger);margin-top:2px;font-size:.6875rem;font-weight:600;display:block}.admin-table button:disabled{opacity:.45;cursor:not-allowed}.admin-toolbar{flex-wrap:wrap;gap:8px;display:flex}.admin-toolbar .btn-toolbar-primary{background:var(--color-green)!important;border-color:var(--color-green)!important;color:#fff!important}.admin-toolbar button:disabled{opacity:.5;cursor:not-allowed}.admin-sticky{top:var(--app-header-h,0px);z-index:5;background:var(--color-surface);margin:0 -4px 12px;padding:8px 4px;position:sticky}.admin-sticky .day-tabs{margin-bottom:0}.admin-time{font-variant-numeric:tabular-nums}.admin-actions{border:1px solid var(--color-brand-200);border-radius:var(--radius);background:var(--color-brand-50);margin:10px 0 0;padding:12px}.admin-actions .admin-toolbar{margin:0}.admin-actions-status{color:var(--color-text-soft);margin-bottom:8px;font-size:.8125rem;font-weight:600}.admin-toolbar-spacer{flex:1}.admin-table-selectable tbody tr{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-table-selectable tbody tr:hover{background:var(--color-surface-low)}.admin-table-selectable tbody tr.row-selected{background:#fde68a99;box-shadow:inset 4px 0 #f59e0b}.admin-table-selectable tbody tr:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:-2px}.admin-table .btn-table-book{background:var(--color-green-soft);color:var(--color-green)}.modal-form select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:1rem}.day-manager{flex-direction:column;gap:12px;display:flex}.admin-day-list li{flex-wrap:wrap}.day-manager-label{font-weight:600}.day-manager-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.day-manager-actions .switch{margin-right:6px}.day-manager-actions .user-action{justify-content:center;align-items:center;min-width:36px;display:inline-flex}.field{min-width:0;color:var(--color-text-soft);flex-direction:column;flex:1;gap:4px;font-size:.75rem;font-weight:600;display:flex}.field-row{gap:12px;display:flex}.field-hint{color:var(--color-muted);font-size:.75rem}.btn-danger,.btn-danger:hover{background:var(--color-danger)}.admin-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:720px;font-size:.8125rem}.admin-table th,.admin-table td{border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;padding:9px 12px}.admin-table th{background:var(--color-surface-low);color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table .row-selected{background:var(--color-brand-50)}@media (width>=640px){.user-meta{display:flex}.nav-label-wide{display:inline}.nav-btn-main{flex:0 auto;padding:8px 16px}.nav-btn-logout{margin-left:auto}.legend{grid-template-columns:repeat(4,auto);justify-content:start;gap:8px 24px}.slot-time{font-size:.875rem}.slot-book{font-size:.6875rem}.slot-chapters{font-size:.625rem}}@media (width<=639px){.admin-page .page-main{padding-left:8px;padding-right:8px}.admin-tabs{margin:0 -8px 10px;padding:4px 8px}.admin-section{padding:12px 8px}.admin-actions-empty{display:none}.admin-actions{padding:8px}.admin-actions-status{margin-bottom:6px}.admin-actions .admin-toolbar{scrollbar-width:none;flex-wrap:nowrap;gap:6px;overflow-x:auto}.admin-actions .admin-toolbar::-webkit-scrollbar{display:none}.admin-toolbar button{flex:none;min-height:34px;padding:6px 10px;font-size:.75rem}.admin-toolbar-spacer{display:none}.admin-table{min-width:0;font-size:.75rem}.admin-table th,.admin-table td{white-space:normal;padding:5px 6px}.admin-table th{letter-spacing:0;font-size:.625rem}.admin-time{line-height:1.25}.admin-time span{display:block}.admin-time .admin-time-sep{display:none}.admin-table button{width:100%;padding:4px 6px;font-size:.6875rem;display:block}.admin-table .btn-table-neutral{margin-right:0}.admin-table button+button{margin-top:4px}}@media (width>=768px){.app-header-inner,.page-main{padding-left:20px;padding-right:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}