@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #eef2ff;--danger: #ef4444;--danger-hover: #dc2626;--success: #10b981;--success-light: #ecfdf5;--warning: #f59e0b;--warning-light: #fffbeb;--bg: #f8fafc;--bg-white: #ffffff;--text: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.08), 0 8px 10px -6px rgba(0,0,0,.04);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--transition: .2s cubic-bezier(.4, 0, .2, 1);--text-xs: 11px;--text-sm: 12.5px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 25px;--text-2xl: 31px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px}@media (prefers-color-scheme: dark){:root{--primary: #818cf8;--primary-hover: #6366f1;--primary-light: #1e1b4b;--danger: #f87171;--danger-hover: #ef4444;--success: #34d399;--success-light: #064e3b;--warning: #fbbf24;--warning-light: #451a03;--bg: #0f172a;--bg-white: #1e293b;--text: #f1f5f9;--text-muted: #94a3b8;--text-light: #64748b;--border: #334155;--border-light: #1e293b;--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -2px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.2);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.4), 0 8px 10px -6px rgba(0,0,0,.2);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #7c3aed 100%);--gradient-bg: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;font-size:14px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:500;font-family:inherit;transition:all var(--transition);letter-spacing:.01em}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #6366f14d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444440}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef444459;transform:translateY(-1px)}.btn-secondary{background:var(--bg-white);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--border-light);border-color:#cbd5e1;box-shadow:var(--shadow)}input,select,textarea{font-family:inherit;font-size:14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;background:var(--bg-white);color:var(--text);outline:none;transition:all var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f}input:hover:not(:focus),select:hover:not(:focus){border-color:#cbd5e1}.error-msg{color:var(--danger);font-size:13px;margin-top:6px}.loading{color:var(--text-muted);padding:24px;text-align:center}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px;background:var(--border-light)}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--border-light)}tr:last-child td{border-bottom:none}@media (max-width: 768px){.card{overflow-x:auto;-webkit-overflow-scrolling:touch}table{font-size:13px}th,td{padding:8px 10px;white-space:nowrap}.page-header h1{font-size:18px}button{min-height:44px;min-width:44px}.btn-secondary{min-height:36px;min-width:36px}}.card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-md);transition:box-shadow var(--transition)}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.form-group label{font-weight:500;font-size:13px}.form-group input,.form-group select{width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header h1{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}.btn-sm{padding:4px 10px;font-size:12px;min-height:28px}.btn-lg{padding:12px 24px;font-size:15px;min-height:48px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-active{background:var(--success-light);color:var(--success)}.badge-cancelled{background:#fef2f2;color:var(--danger)}.badge-confirmed,.badge-admin{background:var(--primary-light);color:var(--primary)}.badge-user{background:var(--border-light);color:var(--text-muted)}.today-date{color:var(--text-muted);font-size:14px;margin-left:12px}.today-section{margin-bottom:24px}.today-section__title{font-size:15px;font-weight:600;margin-bottom:12px;padding-left:4px}.today-section__title--now{color:var(--success)}.today-section__title--past{color:var(--text-light)}.today-cards{display:flex;flex-direction:column;gap:8px}.today-cards--past{opacity:.5}.today-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;transition:var(--transition)}.today-card--now{border-color:var(--success);background:var(--success-light)}.today-card__name{font-weight:600;font-size:14px}.today-card__time{color:var(--text-muted);font-size:13px;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:4px;margin-bottom:16px}.tab{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:500;transition:var(--transition)}.tab--active{background:var(--primary);color:#fff;border-color:var(--primary)}.empty-state{text-align:center;color:var(--text-muted);padding:48px 16px;font-size:15px}.toast{position:fixed;top:calc(env(safe-area-inset-top,20px) + 16px);left:50%;transform:translate(-50%) translateY(-120%);background:var(--success);color:#fff;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);z-index:9999;opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none}.toast--visible{transform:translate(-50%) translateY(0);opacity:1}.mobile-list{display:flex;flex-direction:column}.mobile-list__item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-bottom:1px solid var(--border-light)}.mobile-list__item:last-child{border-bottom:none}.mobile-list__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-list__date{font-weight:600;font-size:14px;color:var(--text)}.mobile-list__time{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.mobile-list__name{font-weight:600;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-list__secondary{font-size:13px;color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--border) 37%,var(--border-light) 63%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-card{height:64px;margin-bottom:10px}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;top:50%;left:50%;margin:-8px 0 0 -8px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.card{background:var(--bg-white);border-color:var(--border)}input,select,textarea{background:var(--bg);color:var(--text);border-color:var(--border)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #818cf826}table th{background:var(--bg);color:var(--text-muted)}table td{border-color:var(--border)}table tr:hover td{background:#ffffff08}.badge-active{background:#064e3b;color:#34d399}.badge-cancelled{background:#450a0a;color:#f87171}.badge-confirmed{background:#1e1b4b;color:#818cf8}.modal-overlay{background:#000000b3}.toast{background:var(--bg-white);color:var(--text)}.tabs{background:var(--bg);border-color:var(--border)}.tab--active{background:var(--bg-white)}.empty-state{color:var(--text-muted)}::placeholder{color:var(--text-light)}}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-muted);cursor:pointer;transition:all var(--transition);flex-shrink:0}.notification-bell:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.notification-bell--active{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.notification-bell--denied{opacity:.5;cursor:not-allowed}.notification-bell:disabled{cursor:not-allowed}.notification-bell__dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--success);border-radius:50%;border:1.5px solid var(--bg-white)}.notification-bell__slash{position:absolute;top:50%;left:50%;width:22px;height:2px;background:var(--danger);transform:translate(-50%,-50%) rotate(-45deg);border-radius:1px}.app-header{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-header{border-bottom:1px solid var(--border-light);padding:0 24px;height:60px;display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.app-header .logo{font-size:17px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;letter-spacing:-.02em}.app-nav{display:flex;gap:4px;flex:1}.app-nav a{padding:7px 14px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;font-weight:500;transition:all var(--transition)}.app-nav a:hover{background:var(--border-light);color:var(--text);text-decoration:none}.app-nav a.active{background:var(--primary-light);color:var(--primary);font-weight:600}.app-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-info-link{display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:color var(--transition);-webkit-tap-highlight-color:transparent}.header-info-link:hover{color:var(--primary);text-decoration:none}.app-header-right .username{font-size:13px;color:var(--text-muted);font-weight:500}.app-main{padding:28px;max-width:1200px;margin:0 auto}.mobile-layout{display:flex;flex-direction:column;min-height:100dvh}.app-main--mobile{padding:16px 16px 84px;flex:1}.mobile-header{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);padding:env(safe-area-inset-top,0px) 16px 0;min-height:54px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.mobile-header-right{display:flex;align-items:center;gap:10px}.mobile-header-right .username{font-size:12px;color:var(--text-muted);font-weight:500}.btn-sm{padding:5px 12px;font-size:12px;border-radius:var(--radius-sm)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-light);display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0px);padding:8px 0 env(safe-area-inset-bottom,10px);z-index:100;box-shadow:0 -2px 10px #0000000a}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:500;color:var(--text-light);text-decoration:none;padding:4px 10px;border-radius:var(--radius-sm);transition:all var(--transition);-webkit-tap-highlight-color:transparent}.bottom-nav__item:hover{text-decoration:none}.bottom-nav__item.active{color:var(--primary);font-weight:600}.bottom-nav__item.active svg{filter:drop-shadow(0 1px 3px rgba(99,102,241,.3))}.bottom-nav__item svg{flex-shrink:0;transition:all var(--transition)}.mobile-week-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:4px 0}.mobile-week-title{font-size:16px;font-weight:700;letter-spacing:-.01em}@media (max-width: 768px){.app-header{padding:0 12px;gap:12px}.app-header .logo{font-size:14px}.app-nav a{padding:4px 8px;font-size:12px}.app-header-right .username{display:none}}@media (prefers-color-scheme: dark){.app-header,.mobile-header{background:#1e293bd9}.bottom-nav{background:#1e293beb}}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding-top:max(env(safe-area-inset-top,0px),10vh);background:var(--gradient-bg);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,255,255,.08) 0%,transparent 50%);animation:loginBgShift 20s ease-in-out infinite alternate}@keyframes loginBgShift{0%{transform:translate(0) rotate(0)}to{transform:translate(-5%,-3%) rotate(3deg)}}.login-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),0 0 40px #00000014;padding:40px;width:100%;max-width:400px;position:relative;z-index:1}.login-card h1{font-size:24px;font-weight:800;margin-bottom:6px;color:var(--text);letter-spacing:-.02em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-tabs{display:flex;gap:4px;margin-bottom:20px;background:#0000000a;border-radius:var(--radius-sm);padding:3px}.login-tab{flex:1;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition);min-height:auto}.login-tab:hover{color:var(--text)}.login-tab--active{background:#fff;color:var(--text);font-weight:600;box-shadow:var(--shadow-xs)}.login-card .subtitle{color:var(--text-muted);font-size:14px;margin-bottom:32px}.login-card .form-group{margin-bottom:18px}.login-card .form-group label{font-size:13px;font-weight:600;color:var(--text)}.login-card input{padding:12px 14px;font-size:15px;border-radius:var(--radius-sm);background:#f8fafccc}.login-card input:focus{background:#fff}.login-card .btn-primary{width:100%;padding:12px;font-size:15px;font-weight:600;margin-top:8px;border-radius:var(--radius-sm)}.login-card .error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;font-weight:500;color:var(--danger);margin-top:12px;animation:login-shake .4s ease}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (prefers-color-scheme: dark){.login-card{background:#1e293bf2;border-color:#ffffff1a}.login-card h1{color:#f1f5f9}.login-card .subtitle{color:#94a3b8}.login-card .form-group label{color:#f1f5f9}.login-card input{background:#0f172a99;color:#f1f5f9;border-color:#334155}.login-card input:focus{background:#0f172acc;border-color:#818cf8}.login-card input::placeholder{color:#64748b}.login-tabs{background:#ffffff0f}.login-tab{color:#94a3b8}.login-tab:hover{color:#f1f5f9}.login-tab--active{background:#ffffff1a;color:#f1f5f9}.login-card .error-msg{background:#ef444426;border-color:#ef444466;color:#f87171}}@media (max-width: 768px){.login-card{margin:16px;padding:32px 24px}.login-card input{padding:12px 14px;font-size:16px}.login-card .btn-primary{padding:14px;font-size:16px}}.landing{min-height:100dvh;overflow-x:hidden;font-family:Manrope,system-ui,sans-serif}.landing *,.landing *:before,.landing *:after{font-family:Manrope,system-ui,sans-serif}.landing-section-label{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--primary);margin-bottom:14px;background:var(--primary-light);padding:4px 12px;border-radius:var(--radius-full)}.landing-section-title{font-size:clamp(26px,4.5vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:48px;color:var(--text)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:env(safe-area-inset-top,0) 24px 0;height:calc(56px + env(safe-area-inset-top,0));display:flex;align-items:center;justify-content:space-between;background:#f8fafcd1;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid rgba(226,232,240,.6)}@media (prefers-color-scheme: dark){.landing-nav{background:#0f172ad1;border-bottom-color:#33415599}}.landing-nav__logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:900;letter-spacing:-.03em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-nav__logo svg{color:var(--primary);-webkit-text-fill-color:unset;flex-shrink:0}.landing-nav__right{display:flex;align-items:center;gap:12px}.landing-nav__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-full);background:var(--bg-white);color:var(--text);font-size:13px;font-weight:700;text-decoration:none;border:1px solid var(--border);box-shadow:var(--shadow);transition:all var(--transition);letter-spacing:-.01em}.landing-nav__btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none;border-color:var(--primary);color:var(--primary)}.landing-hero{position:relative;padding:calc(80px + env(safe-area-inset-top,0)) 24px 0;text-align:center;overflow:hidden;min-height:100dvh;display:flex;flex-direction:column;align-items:center}.landing-hero__mesh{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 55% at 50% -10%,rgba(99,102,241,.14) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 85% 30%,rgba(139,92,246,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 10% 60%,rgba(99,102,241,.07) 0%,transparent 55%)}@media (prefers-color-scheme: dark){.landing-hero__mesh{background:radial-gradient(ellipse 80% 55% at 50% -10%,rgba(99,102,241,.22) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 85% 30%,rgba(139,92,246,.16) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 10% 60%,rgba(99,102,241,.1) 0%,transparent 55%)}}.landing-hero>*{position:relative;z-index:1}.landing-hero__badge{display:inline-flex;align-items:center;gap:7px;padding:7px 18px;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.2px;margin-bottom:28px;animation:lnd-fade-up .6s ease both;border:1px solid rgba(99,102,241,.2)}.landing-hero__title{font-size:clamp(38px,7.5vw,72px);font-weight:900;letter-spacing:-.04em;line-height:1.03;margin-bottom:24px;animation:lnd-fade-up .6s ease .1s both;color:var(--text)}.landing-hero__accent{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.landing-hero__subtitle{font-size:clamp(15px,2.2vw,18px);color:var(--text-muted);max-width:520px;margin:0 auto 36px;line-height:1.65;font-weight:500;animation:lnd-fade-up .6s ease .2s both}.landing-hero__scroll-hint{display:flex;align-items:center;gap:8px;justify-content:center;font-size:13px;font-weight:600;color:var(--text-light);margin-bottom:48px;animation:lnd-fade-up .6s ease .35s both}.landing-hero__scroll-hint svg{animation:lnd-bounce 1.8s ease-in-out infinite}.landing-mockup{width:100%;max-width:720px;margin:0 auto;animation:lnd-fade-up .8s ease .45s both}.landing-mockup__chrome{background:var(--bg-white);border:1px solid var(--border);border-radius:20px 20px 0 0;box-shadow:var(--shadow-xl),0 0 0 1px #6366f10f;overflow:hidden}@media (prefers-color-scheme: dark){.landing-mockup__chrome{box-shadow:0 20px 60px #00000080,0 0 0 1px #6366f11a}}.landing-mockup__chrome-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--border-light)}.landing-mockup__dots{display:flex;gap:6px}.landing-mockup__dot{width:10px;height:10px;border-radius:50%}.landing-mockup__dot--red{background:#ef4444}.landing-mockup__dot--yellow{background:#f59e0b}.landing-mockup__dot--green{background:#10b981}.landing-mockup__url{flex:1;background:var(--border-light);border-radius:var(--radius-full);padding:4px 12px;font-size:11px;color:var(--text-muted);font-weight:500;text-align:center;max-width:240px;margin:0 auto}.landing-mockup__appbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-light)}.landing-mockup__appbar-title{font-size:14px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.landing-mockup__appbar-bell{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary)}.landing-mockup__calendar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:14px}.landing-mockup__col{display:flex;flex-direction:column;align-items:center;gap:6px}.landing-mockup__day-card{width:100%;border-radius:10px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:4px}.landing-mockup__day-card--green{background:#10b9811f}.landing-mockup__day-card--yellow{background:#f59e0b1f}.landing-mockup__day-card--red{background:#ef44441f}.landing-mockup__day-name{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.landing-mockup__day-dot{width:6px;height:6px;border-radius:50%}.landing-mockup__day-card--green .landing-mockup__day-dot{background:#10b981}.landing-mockup__day-card--yellow .landing-mockup__day-dot{background:#f59e0b}.landing-mockup__day-card--red .landing-mockup__day-dot{background:#ef4444}.landing-mockup__slots{display:flex;flex-direction:column;gap:3px;width:100%}.landing-mockup__slot{height:7px;border-radius:4px;background:var(--border)}.landing-mockup__slot--free{background:#10b98133}.landing-mockup__slot--booked{background:#64748b4d}.landing-mockup__slot--mine{background:var(--gradient-primary);box-shadow:0 1px 4px #6366f159;animation:lnd-pulse 2.5s ease-in-out infinite}.landing-mockup__slot--empty{background:transparent}.landing-guide{padding:96px 24px;background:var(--border-light)}@media (prefers-color-scheme: dark){.landing-guide{background:#1e293b73}}.landing-guide__inner{max-width:780px;margin:0 auto}.landing-guide__steps{display:flex;flex-direction:column;gap:0}.landing-guide__step{display:flex;gap:0}.landing-guide__step-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:56px}.landing-guide__step-num{width:44px;height:44px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #6366f159;flex-shrink:0;position:relative;z-index:1}.landing-guide__step-line{width:2px;flex:1;min-height:24px;background:linear-gradient(to bottom,#6366f166,#6366f10d);border-radius:2px;margin:4px 0}.landing-guide__step-body{padding:10px 0 40px 20px;flex:1}.landing-guide__step-title{font-size:19px;font-weight:800;margin-bottom:10px;letter-spacing:-.02em;color:var(--text)}.landing-guide__step-text{font-size:14px;line-height:1.75;color:var(--text-muted);margin:0}.landing-guide__step-text strong{color:var(--text);font-weight:700}.landing-legend{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.landing-legend__item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 12px 4px 8px;border-radius:var(--radius-full)}.landing-legend__item:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.landing-legend__item--green{background:#10b9811f;color:#059669}.landing-legend__item--green:before{background:#10b981}.landing-legend__item--yellow{background:#f59e0b1f;color:#d97706}.landing-legend__item--yellow:before{background:#f59e0b}.landing-legend__item--red{background:#ef44441f;color:#dc2626}.landing-legend__item--red:before{background:#ef4444}.landing-daycards{display:flex;gap:8px;margin:4px 0}.landing-daycard{flex:1;max-width:72px;border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .2s ease;cursor:default}.landing-daycard:hover{transform:translateY(-2px)}.landing-daycard--green{background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.landing-daycard--yellow{background:#f59e0b1f;border:1px solid rgba(245,158,11,.25)}.landing-daycard--red{background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.landing-daycard__day{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.landing-daycard__num{font-size:20px;font-weight:900;letter-spacing:-.02em;color:var(--text);line-height:1}.landing-daycard__indicator{width:8px;height:8px;border-radius:50%}.landing-daycard__indicator--green{background:#10b981}.landing-daycard__indicator--yellow{background:#f59e0b}.landing-daycard__indicator--red{background:#ef4444}.landing-timepicker{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 4px}.landing-timepicker__slot{position:relative;padding:7px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;background:var(--bg-white);border:1.5px solid var(--border);color:var(--text-muted);transition:all .15s ease;cursor:default;letter-spacing:-.01em}.landing-timepicker__slot--selected{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.landing-timepicker__slot--booked{background:var(--border-light);border-color:var(--border-light);color:var(--text-light);opacity:.5}.landing-timepicker__tag{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--primary);color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.2px}.landing-phone{margin:20px 0 4px;display:flex;justify-content:flex-start}.landing-phone__body{width:220px;background:var(--text);border-radius:28px;padding:12px 8px 8px;box-shadow:0 24px 48px #00000040,0 0 0 1px #ffffff14;position:relative}@media (prefers-color-scheme: dark){.landing-phone__body{background:#1a2035;box-shadow:0 24px 48px #00000080,0 0 0 1px #ffffff0f}}.landing-phone__notch{width:72px;height:20px;background:#000;border-radius:var(--radius-full);margin:0 auto 8px}@media (prefers-color-scheme: dark){.landing-phone__notch{background:#0a0f1e}}.landing-phone__screen{background:#1c1c1e;border-radius:18px;overflow:hidden;padding:10px}@media (prefers-color-scheme: dark){.landing-phone__screen{background:#0d1117}}.landing-phone__status{display:flex;justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:11px;font-weight:700;color:#fffc}.landing-phone__status-icons{display:flex;gap:4px;color:#fffc}.landing-phone__push{background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:10px 12px;animation:lnd-push-in .5s cubic-bezier(.34,1.56,.64,1) 1s both}.landing-phone__push-header{display:flex;align-items:center;gap:6px;margin-bottom:5px}.landing-phone__push-icon{width:20px;height:20px;border-radius:5px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.landing-phone__push-app{font-size:10px;font-weight:800;color:#ffffffe6;flex:1;letter-spacing:-.01em}.landing-phone__push-time{font-size:10px;color:#fff6;font-weight:500}.landing-phone__push-title{font-size:12px;font-weight:800;color:#fffffff2;margin-bottom:2px;letter-spacing:-.01em}.landing-phone__push-body{font-size:10px;color:#fff9;line-height:1.4;margin-bottom:8px}.landing-phone__push-actions{display:flex;gap:6px}.landing-phone__push-btn{flex:1;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:700;background:#ffffff1f;color:#ffffffb3;border:none;cursor:default;font-family:Manrope,system-ui,sans-serif}.landing-phone__push-btn--primary{background:var(--primary);color:#fff}.landing-phone__home-indicator{width:100px;height:4px;background:#fff3;border-radius:var(--radius-full);margin:8px auto 0}.landing-features{padding:96px 24px}.landing-features__inner{max-width:1100px;margin:0 auto}.landing-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:16px}.landing-bento__card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:20px;padding:28px 24px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.landing-bento__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff0f,#fff0 60%);opacity:0;transition:opacity .25s ease;border-radius:inherit;pointer-events:none}.landing-bento__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#6366f133}.landing-bento__card:hover:before{opacity:1}.landing-bento__card--wide{grid-column:span 2;display:flex;align-items:center;gap:32px}.landing-bento__card-content{flex:1;min-width:0}.landing-bento__card--calendar{--card-accent: #10b981}.landing-bento__card--tap{--card-accent: #6366f1}.landing-bento__card--push{--card-accent: #f59e0b}.landing-bento__card--today{--card-accent: #06b6d4}.landing-bento__card--mybookings{--card-accent: #8b5cf6}.landing-bento__card--confirm{--card-accent: #10b981}.landing-bento__card--pwa{--card-accent: #6366f1}.landing-bento__card--dark{--card-accent: #334155}.landing-bento__card:after{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;background:var(--card-accent, var(--primary));border-radius:0 0 4px 4px;opacity:0;transition:opacity .25s ease}.landing-bento__card:hover:after{opacity:1}.landing-bento__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:var(--primary-light);color:var(--primary);flex-shrink:0}.landing-bento__title{font-size:16px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;color:var(--text)}.landing-bento__desc{font-size:13px;line-height:1.7;color:var(--text-muted);font-weight:500}.landing-bento__presence{display:flex;align-items:center;gap:6px;margin-top:16px}.landing-bento__avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-white);box-shadow:0 2px 6px #6366f140;letter-spacing:.2px}.landing-bento__avatar:not(:first-child){margin-left:-8px}.landing-bento__presence-label{font-size:11px;font-weight:700;color:var(--text-muted);margin-left:6px}.landing-bento__visual--calendar{display:flex;align-items:flex-end;gap:6px;height:80px;flex-shrink:0}.lb-cal__col{display:flex;flex-direction:column;align-items:center;gap:4px;width:28px}.lb-cal__day{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted)}.lb-cal__bar{width:100%;border-radius:6px 6px 0 0;transition:height .3s ease}.lb-cal__col--g .lb-cal__bar{background:#10b98180}.lb-cal__col--y .lb-cal__bar{background:#f59e0b80}.lb-cal__col--r .lb-cal__bar{background:#ef444480}.landing-bento__confirm-visual{flex-shrink:0}.lb-confirm__flow{display:flex;align-items:center;gap:6px}.lb-confirm__step{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--text-muted);padding:8px 10px;border-radius:10px;background:var(--bg);border:1px solid var(--border-light);text-align:center;white-space:nowrap;min-width:76px}.lb-confirm__step--done{color:var(--text-muted)}.lb-confirm__step--push{color:#d97706;background:#f59e0b14;border-color:#f59e0b33}.lb-confirm__step--confirmed{color:#059669;background:#10b98114;border-color:#10b98133}.lb-confirm__arrow{font-size:14px;color:var(--text-light);flex-shrink:0}.landing-install{padding:96px 24px;background:var(--border-light)}@media (prefers-color-scheme: dark){.landing-install{background:#1e293b73}}.landing-install__inner{max-width:960px;margin:0 auto}.landing-install__intro{text-align:center;font-size:15px;line-height:1.7;color:var(--text-muted);max-width:600px;margin:-24px auto 44px;font-weight:500}.landing-install__platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:28px}.landing-install__platform{background:var(--bg-white);border:1px solid var(--border-light);border-radius:20px;padding:28px 24px;transition:all .25s ease}.landing-install__platform:hover{box-shadow:var(--shadow-lg);border-color:#6366f133;transform:translateY(-2px)}.landing-install__platform-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.landing-install__platform-icon{width:48px;height:48px;border-radius:14px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.landing-install__platform-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--text);flex:1}.landing-install__platform-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary)}.landing-install__steps{list-style:none;counter-reset:install-step;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}.landing-install__steps li{counter-increment:install-step;font-size:13.5px;line-height:1.65;color:var(--text-muted);padding-left:34px;position:relative;font-weight:500}.landing-install__steps li:before{content:counter(install-step);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.landing-install__steps li strong{color:var(--text);font-weight:700}.landing-install__note{display:flex;gap:14px;padding:18px 22px;background:var(--bg-white);border-radius:var(--radius);border:1px solid rgba(99,102,241,.15);align-items:flex-start;box-shadow:var(--shadow)}.landing-install__note svg{flex-shrink:0;color:var(--primary);margin-top:2px}.landing-install__note p{font-size:13.5px;line-height:1.7;color:var(--text-muted);margin:0;font-weight:500}.landing-install__note strong{color:var(--text);font-weight:700}.landing-faq{padding:96px 24px}.landing-faq__inner{max-width:720px;margin:0 auto}.landing-faq__list{display:flex;flex-direction:column;gap:8px}.landing-faq__item{background:var(--bg-white);border:1px solid var(--border-light);border-radius:16px;overflow:hidden;transition:all .2s ease}.landing-faq__item[open]{box-shadow:var(--shadow-md);border-color:#6366f133}.landing-faq__question{padding:18px 22px;font-size:14.5px;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:color var(--transition);user-select:none;-webkit-user-select:none;letter-spacing:-.01em}.landing-faq__question::-webkit-details-marker{display:none}.landing-faq__question:after{content:"+";font-size:20px;font-weight:300;color:var(--text-light);flex-shrink:0;transition:transform .2s ease}.landing-faq__item[open] .landing-faq__question:after{transform:rotate(45deg)}.landing-faq__item[open] .landing-faq__question{color:var(--primary)}.landing-faq__answer{padding:0 22px 18px;font-size:13.5px;line-height:1.75;color:var(--text-muted);margin:0;font-weight:500}.landing-stats{padding:72px 24px;background:var(--border-light)}@media (prefers-color-scheme: dark){.landing-stats{background:#1e293b73}}.landing-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:960px;margin:0 auto}.landing-stat{text-align:center;padding:28px 16px;background:var(--bg-white);border-radius:16px;border:1px solid var(--border-light);transition:all .25s ease}.landing-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#6366f133}.landing-stat__value{font-size:clamp(22px,4vw,32px);font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;line-height:1;margin-bottom:8px}.landing-stat__label{font-size:12px;color:var(--text-muted);font-weight:600;line-height:1.4}.landing-cta{padding:96px 24px calc(96px + env(safe-area-inset-bottom,0));text-align:center;position:relative;overflow:hidden}.landing-cta__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 80% at 50% 110%,rgba(99,102,241,.1) 0%,transparent 65%),radial-gradient(ellipse 60% 50% at 20% 20%,rgba(139,92,246,.06) 0%,transparent 60%);pointer-events:none}@media (prefers-color-scheme: dark){.landing-cta__glow{background:radial-gradient(ellipse 90% 80% at 50% 110%,rgba(99,102,241,.18) 0%,transparent 65%),radial-gradient(ellipse 60% 50% at 20% 20%,rgba(139,92,246,.1) 0%,transparent 60%)}}.landing-cta__inner{position:relative;z-index:1;max-width:540px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.landing-cta__title{font-size:clamp(30px,5.5vw,52px);font-weight:900;letter-spacing:-.04em;line-height:1.05;margin-bottom:20px;color:var(--text)}.landing-cta__desc{font-size:15px;color:var(--text-muted);margin-bottom:40px;max-width:420px;line-height:1.65;font-weight:500}.landing-cta__btn{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 4px 20px #6366f166,0 1px 3px #6366f14d;transition:all .25s ease;letter-spacing:-.01em;margin-bottom:16px}.landing-cta__btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 32px #6366f180,0 2px 6px #6366f14d;text-decoration:none;color:#fff}.landing-cta__btn:active{transform:translateY(-1px) scale(1.01)}.landing-cta__hint{font-size:12px;color:var(--text-light);font-weight:600;margin:0}.landing-footer{padding:20px 24px calc(20px + env(safe-area-inset-bottom,0));text-align:center;border-top:1px solid var(--border-light);font-size:12.5px;color:var(--text-light);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.landing-footer__sep{opacity:.4}@keyframes lnd-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes lnd-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes lnd-pulse{0%,to{opacity:1}50%{opacity:.65}}@keyframes lnd-push-in{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 900px){.landing-bento{grid-template-columns:repeat(2,1fr)}.landing-bento__card--wide{grid-column:span 2;flex-direction:column;gap:20px}.landing-bento__visual--calendar{align-self:flex-start}.lb-confirm__flow{flex-wrap:wrap;gap:8px}.lb-confirm__arrow{display:none}.landing-stats__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.landing-hero{padding:calc(60px + env(safe-area-inset-top,0)) 20px 0}.landing-hero__title{font-size:clamp(34px,10vw,48px)}.landing-guide,.landing-features,.landing-install,.landing-faq,.landing-stats,.landing-cta{padding-left:20px;padding-right:20px}.landing-guide,.landing-features,.landing-install,.landing-faq,.landing-cta{padding-top:72px;padding-bottom:72px}.landing-bento{grid-template-columns:1fr}.landing-bento__card--wide{grid-column:span 1}.landing-bento__visual--calendar,.landing-bento__confirm-visual{display:none}.landing-install__platforms{grid-template-columns:1fr}.landing-stats__grid{grid-template-columns:repeat(2,1fr);gap:12px}.landing-mockup__calendar{grid-template-columns:repeat(5,1fr);gap:6px;padding:10px}.landing-cta__btn{width:100%;justify-content:center;padding:16px 32px}.landing-timepicker{gap:5px}.landing-timepicker__slot{padding:6px 10px;font-size:11px}.landing-guide__step-body{padding-bottom:32px}.landing-daycards{max-width:240px}.landing-phone{justify-content:center}}@media (prefers-reduced-motion: reduce){.landing-mockup__slot--mine,.landing-hero__scroll-hint svg,.landing-phone__push{animation:none}[class*=lnd-fade-up]{animation:none;opacity:1;transform:none}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;animation:modalFadeIn .2s ease-out}.confirm-dialog{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:380px;padding:28px;animation:modalSlideUp .25s ease-out}.confirm-dialog__title{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.confirm-dialog__message{font-size:14px;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.confirm-dialog__footer{display:flex;gap:10px;justify-content:flex-end}@media (prefers-color-scheme: dark){.confirm-dialog{background:var(--bg-white)}}@media (max-width: 768px){.confirm-overlay{padding:0;align-items:flex-end}.confirm-dialog{max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px 20px env(safe-area-inset-bottom,20px);animation:modalSheetUp .3s ease-out}.confirm-dialog__footer{flex-direction:column}.confirm-dialog__footer button{width:100%;padding:14px}}.booking-block{border-radius:4px;padding:2px 6px;font-size:11px;line-height:1.4;margin-bottom:2px;position:relative;overflow:hidden}.booking-block--own{background:#dbeafe;border:1px solid #93c5fd}.booking-block--other{background:#f0fdf4;border:1px solid #86efac}.booking-block__name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-block--own .booking-block__name{color:var(--primary)}.booking-block--other .booking-block__name{color:var(--success)}.booking-block__time{color:var(--text-muted);font-size:10px}.booking-block__cancel{position:absolute;top:2px;right:2px;background:var(--danger);color:#fff;border:none;border-radius:3px;padding:1px 5px;font-size:10px;cursor:pointer;font-family:inherit}@media (prefers-color-scheme: dark){.booking-block--own{background:#1e3a5f;border-color:#3b5fa0}.booking-block--other{background:#14432a;border-color:#1f6b3a}}.booking-block__cancel:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-dialog{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:420px;padding:28px;animation:modalSlideUp .25s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-header h2{font-size:18px;font-weight:700;letter-spacing:-.01em}.modal-close{background:var(--border-light);border:none;font-size:16px;color:var(--text-muted);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.modal-close:hover{background:var(--border);color:var(--text)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.availability-info{padding:12px 16px;background:var(--border-light);border-radius:var(--radius-sm);border:none;margin-bottom:16px;font-size:13px;color:var(--text-muted)}.availability-info strong{color:var(--text)}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal-dialog{max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px 20px env(safe-area-inset-bottom,20px);max-height:90vh;overflow-y:auto;animation:modalSheetUp .3s ease-out}@keyframes modalSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-footer{flex-direction:column}.modal-footer button{width:100%;padding:14px}}.calendar-container{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.calendar-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light);background:#f8fafc80}.calendar-nav h2{font-size:16px;font-weight:700;letter-spacing:-.01em}.calendar-nav-buttons{display:flex;gap:8px}.calendar-scroll{overflow-x:auto}.calendar-grid{display:grid;grid-template-columns:56px repeat(7,minmax(110px,1fr));min-width:830px}.calendar-header-cell{padding:10px 8px;text-align:center;font-weight:600;font-size:12px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg)}.calendar-header-cell:last-child{border-right:none}.calendar-header-cell .day-name{text-transform:uppercase;color:var(--text-muted);font-size:11px;letter-spacing:.5px}.calendar-header-cell .day-date{font-size:18px;font-weight:700;color:var(--text);margin-top:2px}.calendar-header-cell.today .day-date{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-full);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.calendar-header-cell.today{border-bottom:2px solid var(--primary)}.time-label{padding:6px 8px 0;text-align:right;font-size:11px;color:var(--text-muted);border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:flex-start;height:64px;background:var(--bg)}.calendar-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);height:64px;position:relative;cursor:pointer;transition:background .1s;padding:4px;overflow:hidden}.calendar-cell__overflow{position:absolute;bottom:2px;left:4px;font-size:10px;font-weight:600;color:var(--text-muted);background:#ffffffe6;padding:0 4px;border-radius:2px}.calendar-cell:last-child{border-right:none}.calendar-cell:hover{filter:brightness(.95)}.calendar-cell.available{background:#10b9810f}.calendar-cell.partial{background:#f59e0b0f}.calendar-cell.full{background:#ef44440f;cursor:default}.calendar-cell.outside-hours{background:var(--border-light);cursor:default}.cell-seats{font-size:11px;font-weight:600;color:var(--text-muted);position:absolute;bottom:4px;right:6px}.calendar-cell.available .cell-seats{color:#059669}.calendar-cell.partial .cell-seats{color:#d97706}.calendar-cell.full .cell-seats{color:#dc2626}.calendar-now-line{position:absolute;left:0;right:0;height:2px;background:var(--danger);z-index:5;pointer-events:none}.calendar-now-line:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;background:var(--danger);border-radius:50%}.calendar-legend{display:flex;gap:16px;padding:0 0 12px;font-size:12px;color:var(--text-muted)}.calendar-legend__item{display:flex;align-items:center;gap:5px}.calendar-legend__dot{width:10px;height:10px;border-radius:3px}.calendar-legend__dot--free{background:#ecfdf5;border:1px solid #a7f3d0}.calendar-legend__dot--partial{background:#fffbeb;border:1px solid #fde68a}.calendar-legend__dot--full{background:#fef2f2;border:1px solid #fecaca}.calendar-legend__dot--mine{background:#dbeafe;border:1px solid #93c5fd}@media (prefers-color-scheme: dark){.calendar-container{background:var(--bg-white)}.calendar-nav{background:#ffffff08}.calendar-cell__overflow{background:#0f172ad9}.calendar-legend__dot--free{background:#064e3b;border-color:#34d399}.calendar-legend__dot--partial{background:#451a03;border-color:#fbbf24}.calendar-legend__dot--full{background:#450a0a;border-color:#f87171}.calendar-legend__dot--mine{background:#1e3a5f;border-color:#60a5fa}}@media (min-width: 768px) and (max-width: 1024px){.calendar-grid{grid-template-columns:48px repeat(7,minmax(90px,1fr));min-width:700px}.calendar-cell{height:56px}.time-label{height:56px;font-size:10px}}.day-cards{display:flex;flex-direction:column;gap:10px;padding:0}.day-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:none;border-radius:var(--radius);background:#fff;cursor:pointer;transition:all var(--transition);text-align:left;font-family:inherit;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow)}.day-card:active:not(:disabled){transform:scale(.98)}.day-card:disabled{cursor:default;opacity:.5}.day-card--free{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left:4px solid var(--success)}.day-card--partial{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid var(--warning)}.day-card--full{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid var(--danger)}.day-card--disabled{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #cbd5e1}.day-card--today{box-shadow:var(--shadow-md),0 0 0 2px var(--primary)}.day-card__name{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);width:36px;flex-shrink:0;letter-spacing:.5px}.day-card__date{font-size:28px;font-weight:800;color:var(--text);width:40px;text-align:center;flex-shrink:0;line-height:1;letter-spacing:-.02em}.day-card__month{font-size:13px;color:var(--text-muted);width:36px;flex-shrink:0}.day-card__status{margin-left:auto;font-size:12px;font-weight:600;padding:5px 14px;border-radius:var(--radius-full)}.day-card--free .day-card__status{background:#10b9811f;color:#059669}.day-card--partial .day-card__status{background:#f59e0b1f;color:#d97706}.day-card--full .day-card__status{background:#ef44441f;color:#dc2626}.day-card--disabled .day-card__status{background:#94a3b81f;color:#94a3b8}.day-detail{background:#fff;border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;min-height:0}.day-detail__header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-light);background:#f8fafc99}.day-detail__header h2{font-size:16px;font-weight:700;flex:1;letter-spacing:-.01em}.day-detail__back{padding:6px 14px;font-size:13px;flex-shrink:0}.day-detail__days{display:flex;gap:4px;padding:8px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.day-detail__day-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-family:inherit;min-width:44px;min-height:auto;transition:all .15s}.day-detail__day-btn--active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.day-detail__day-name{font-size:11px;font-weight:500;text-transform:capitalize}.day-detail__day-num{font-size:15px;font-weight:700}.day-detail__hint{padding:8px 12px;margin:0 12px;font-size:13px;color:var(--primary);background:var(--primary-light);border-radius:var(--radius-sm);text-align:center}.day-detail__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.slot-tile{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;border:2px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:13px;font-weight:700;color:var(--text);transition:background .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,transform .1s ease-out;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:6px 0;outline:none;font-family:inherit;line-height:1}.slot-tile:active:not(:disabled){transform:scale(.94)}.slot-tile:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.slot-tile--selected{background:#eef2ff;border-color:#a5b4fc;box-shadow:0 0 0 2px #6366f159}.slot-tile--full{background:var(--border-light);border-color:var(--border-light);color:var(--text-light);cursor:not-allowed;pointer-events:none}.slot-tile--past{background:var(--border-light);border-color:var(--border-light);color:var(--text-light);opacity:.5;cursor:not-allowed;pointer-events:none;text-decoration:line-through}.slot-tile--mine{background:#ecfdf5;border-color:#a7f3d0;color:var(--success);cursor:not-allowed;pointer-events:none}.day-detail__book-bar{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border-light);position:sticky;bottom:0;transform:translateY(100%);opacity:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;pointer-events:none}.day-detail__book-bar--visible{transform:translateY(0);opacity:1;pointer-events:auto}.day-detail__book-btn{width:100%;min-height:52px;border-radius:var(--radius-sm);background:var(--gradient-primary);color:#fff;font-size:15px;font-weight:700;border:none;cursor:pointer;box-shadow:0 2px 8px #6366f14d;transition:opacity var(--transition),transform .1s ease-out;font-family:inherit}.day-detail__book-btn:active{transform:scale(.97)}.day-detail__book-btn:disabled{opacity:.6;cursor:not-allowed}.day-detail__error{margin:0 12px;padding:10px 14px;background:#fef2f2;color:#dc2626;border-radius:var(--radius-sm);font-size:13px;font-weight:500}@keyframes slot-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.slot-tile--shake{animation:slot-shake .3s ease}@media (prefers-color-scheme: dark){.day-detail{background:var(--bg-white)}.day-detail__header{background:#ffffff0a}.day-detail__day-btn,.slot-tile{background:var(--bg-white)}.slot-tile--selected{background:#2d3561;border-color:#818cf8}.slot-tile--mine{background:#064e3b;border-color:#34d399}.day-detail__book-bar{background:#0f172af2}.day-detail__error{background:#3b1111;color:#f87171}}@media (prefers-reduced-motion: reduce){.slot-tile,.day-detail__book-bar,.day-detail__book-btn{transition:none}.slot-tile--shake{animation:none}}.pwa-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:12px 20px;border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;z-index:9999;font-size:var(--text-sm);animation:pwa-slide-up .3s ease-out}.pwa-prompt button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:background var(--transition)}.pwa-prompt button:hover{background:#ffffff4d}.pwa-prompt__dismiss{padding:4px 8px!important;font-size:var(--text-base)!important}@keyframes pwa-slide-up{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}