@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--bg-base:#f5f8fd;--bg-tint:#ebf3ff;--surface:#fff;--surface-glass:#ffffffeb;--surface-panel:linear-gradient(180deg, #fffffffa, #ffffffeb);--surface-panel-soft:linear-gradient(180deg, #f8fafcf2, #f8fafcbf);--surface-muted:#f8fafcd1;--surface-muted-strong:#f8fafce6;--surface-subtle:#0f172a08;--surface-hover:#0f172a0f;--surface-card:#ffffffd1;--text:#0f172a;--text-soft:#334155;--muted:#64748b;--line:#0f172a14;--line-strong:#0f172a24;--accent:#0b84d8;--accent-strong:#0666b0;--accent-soft:#0b84d81a;--accent-line:#0b84d838;--accent-focus:#0b84d847;--danger:#dc2626;--danger-strong:#ef4444;--danger-text:#b91c1c;--danger-soft:#dc26260f;--danger-line:#dc262680;--danger-toast:#dc2626;--success-text:#047857;--success-soft:#05966914;--success-line:#05966933;--success-toast:#059669;--warning-text:#92400e;--warning-soft:#d9770617;--warning-line:#d9770638;--toast-text:#fff;--overlay:#0206176b;--shadow-sm:0 6px 18px #0206170f;--shadow-md:0 14px 34px #02061714;--shadow-lg:0 24px 56px #02061724;--text-on-accent:#fff;--skip-bg:#0f172a;--skip-text:#fff;--booking-bar-bg:linear-gradient(180deg, #4f9df5, #2f77d8);--booking-bar-shadow:0 7px 16px #2f77d838;--shimmer-bg:linear-gradient(90deg, #0f172a0a 25%, #0f172a14 37%, #0f172a0a 63%);--nav-h:112px;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;font-family:DM Sans,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0b1117;--bg-tint:#151a22;--surface:#171e27;--surface-glass:#171e27e6;--surface-panel:linear-gradient(180deg, #1e2732fa, #161d26f0);--surface-panel-soft:linear-gradient(180deg, #212b37db, #161d26c7);--surface-muted:#212b37c2;--surface-muted-strong:#26313ee6;--surface-subtle:#e5e7eb0f;--surface-hover:#e5e7eb1a;--surface-card:#19212be6;--text:#eef4fb;--text-soft:#c6d3e0;--muted:#93a4b7;--line:#ccd5e124;--line-strong:#ccd5e13d;--accent:#5db8ff;--accent-strong:#8ac8ff;--accent-soft:#5db8ff29;--accent-line:#5db8ff52;--accent-focus:#5db8ff6b;--danger:#ef4444;--danger-strong:#f87171;--danger-text:#fca5a5;--danger-soft:#f8717124;--danger-line:#f871716b;--danger-toast:#991b1b;--success-text:#6ee7b7;--success-soft:#34d39924;--success-line:#34d39952;--success-toast:#047857;--warning-text:#fbbf24;--warning-soft:#fbbf2424;--warning-line:#fbbf2457;--overlay:#04080ea8;--shadow-sm:0 8px 20px #0000003d;--shadow-md:0 16px 36px #00000052;--shadow-lg:0 24px 58px #0000006b;--skip-bg:#f8fafc;--skip-text:#0f172a;--booking-bar-bg:linear-gradient(180deg, #56b4ff, #2582e4);--booking-bar-shadow:0 8px 18px #2582e452;--shimmer-bg:linear-gradient(90deg, #e5e7eb0f 25%, #e5e7eb24 37%, #e5e7eb0f 63%)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;padding:var(--space-4);background:linear-gradient(180deg, var(--bg-base) 0%, var(--bg-tint) 100%);color:var(--text);line-height:1.5}body[data-route=login]{padding:0}a{color:inherit}button,input,select,textarea{font:inherit}.skip-link{left:var(--space-3);z-index:2000;border-radius:var(--radius-sm);background:var(--skip-bg);color:var(--skip-text);padding:10px 12px;font-weight:600;text-decoration:none;position:absolute;top:-52px;box-shadow:0 8px 20px #02061747}.skip-link:focus-visible{top:var(--space-3)}@media (width>=900px){body{padding:18px}}.app{gap:var(--space-4);max-width:1180px;min-height:100vh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--space-4));flex-direction:column;margin:0 auto;display:flex}.sidebar{left:var(--space-3);right:var(--space-3);bottom:max(var(--space-3), env(safe-area-inset-bottom));z-index:40;padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-glass);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed}.sidebar-title{display:none}.side-nav{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.side-nav a,.side-nav button{border-radius:var(--radius-md);background:var(--surface-subtle);min-height:40px;color:var(--text-soft);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:8px 6px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background-color .14s,color .14s,border-color .14s;display:inline-flex}.side-nav a:hover,.side-nav button:hover{background:var(--surface-hover);color:var(--text)}.side-nav a.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-strong)}.side-nav .logout{background:var(--danger-soft);color:var(--danger-text)}.content{gap:var(--space-4);min-height:calc(100vh - var(--nav-h) - 32px - env(safe-area-inset-bottom));flex-direction:column;display:flex}.content:focus{outline:none}.page-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.page-title-group{gap:2px;min-width:0;display:grid}.page-eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.page-header h1{color:var(--text);margin:0;font-size:clamp(1.02rem,.9vw + .9rem,1.25rem);line-height:1.15}.page-subtitle{max-width:62ch;color:var(--muted);margin:0;font-size:13px;line-height:1.4}.theme-toggle{border:1px solid var(--line);background:var(--surface-subtle);width:42px;height:42px;color:var(--accent-strong);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-grid}.theme-toggle:hover{border-color:var(--accent-line);background:var(--accent-soft)}.theme-toggle:focus-visible{outline:3px solid var(--accent-focus);outline-offset:3px}.theme-toggle:active{transform:translateY(1px)}.theme-toggle-icon{width:18px;height:18px;box-shadow:inset -6px 0 0 var(--surface-glass);background:currentColor;border-radius:999px}@media (width>=900px){.app{gap:var(--space-5);grid-template-columns:240px minmax(0,1fr);max-width:1240px;padding-bottom:0;display:grid}.sidebar{padding:var(--space-4);position:static;bottom:auto}.sidebar-title{margin:2px 4px var(--space-4);color:var(--text);letter-spacing:.02em;font-size:17px;font-weight:700;display:block}.side-nav{grid-template-columns:1fr}.side-nav a,.side-nav button{justify-content:flex-start;min-height:42px;padding:10px 12px;font-size:14px}}.calendar-shell{gap:var(--space-3);min-height:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-panel);box-shadow:var(--shadow-md);flex-direction:column;flex:auto;display:flex;overflow:hidden}.calendar-shell-copy{gap:2px;display:grid}.calendar-shell-copy h2{color:var(--text);text-transform:capitalize;margin:0;font-size:1rem;line-height:1.15}.calendar-shell-copy p{color:var(--muted);margin:0;line-height:1.4}.calendar-shell-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-panel-soft);flex-wrap:wrap;display:flex}.calendar-actions{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.calendar-actions button{border-radius:var(--radius-md);background:var(--surface-subtle);min-height:40px;color:var(--text-soft);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:8px 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background-color .14s,color .14s,border-color .14s;display:inline-flex}.calendar-actions button:hover{background:var(--surface-hover);color:var(--text)}.calendar-state{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-muted);min-height:38px;color:var(--muted);padding:8px 12px;font-size:13px;font-weight:600}.calendar-state--auth a{color:var(--accent-strong);text-decoration:none}.calendar-grid{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-rows:auto repeat(6,minmax(118px,1fr));grid-template-columns:repeat(7,minmax(0,1fr));min-height:0;display:grid;overflow:hidden}.weekday{border-bottom:1px solid var(--line);background:var(--surface-muted-strong);color:var(--muted);text-align:center;text-transform:uppercase;padding:10px 8px;font-size:12px;font-weight:700}.calendar-day{z-index:1;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);min-height:112px;color:var(--text);text-align:left;cursor:pointer;flex-direction:column;gap:8px;padding:10px;display:flex;position:relative}.calendar-day.is-week-end{border-right:0}.calendar-day:hover{background:var(--accent-soft)}.calendar-day:focus-visible,.calendar-booking-bar:focus-visible{outline:3px solid var(--accent-focus);outline-offset:-3px}.calendar-day.is-outside{background:var(--surface-muted);color:var(--muted)}.day-number{border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.calendar-booking-bar{z-index:2;height:24px;margin:calc(48px + var(--booking-lane-offset)) -1px 0;background:var(--booking-bar-bg);color:var(--text-on-accent);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%;box-shadow:var(--booking-bar-shadow);border:0;border-radius:0;place-self:start stretch;padding:4px 8px;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.calendar-booking-bar.is-range-start{border-top-left-radius:999px;border-bottom-left-radius:999px;margin-left:7px}.calendar-booking-bar.is-range-end{border-top-right-radius:999px;border-bottom-right-radius:999px;margin-right:7px}@media (width<=760px){.calendar-shell{padding:var(--space-3)}.weekday,.calendar-day{min-width:0}.weekday{padding:8px 2px;font-size:10px}.calendar-day{min-height:88px;padding:7px 5px}.calendar-grid{grid-template-rows:auto repeat(6,minmax(88px,1fr))}.calendar-booking-bar{height:21px;margin-top:calc(41px + var(--booking-lane-offset));padding:3px 5px;font-size:10.5px}.calendar-booking-bar.is-range-start{margin-left:4px}.calendar-booking-bar.is-range-end{margin-right:4px}}.modal{z-index:100;padding:var(--space-4);background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;display:grid;position:fixed;inset:0}.modal-panel{width:min(520px,100%);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.modal-panel h2,.modal-panel p{margin:0 0 var(--space-3)}.modal-panel label{margin:var(--space-3) 0 6px;color:var(--text-soft);font-size:13px;font-weight:700;display:block}.modal-panel input{border:1px solid var(--line-strong);background:var(--surface-muted-strong);width:100%;color:var(--text);border-radius:10px;padding:10px 12px}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.modal-actions button{border-radius:var(--radius-md);background:var(--surface-subtle);min-height:40px;color:var(--text-soft);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:8px 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background-color .14s,color .14s,border-color .14s;display:inline-flex}.modal-actions button:hover{background:var(--surface-hover);color:var(--text)}.modal-actions button[type=submit],.modal-actions .danger{background:linear-gradient(180deg, var(--accent), var(--accent-strong));color:var(--text-on-accent)}.modal-actions .danger{background:linear-gradient(180deg, var(--danger-strong), var(--danger))}@media (width<=760px){.modal{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--space-3));align-items:end}}.toast{right:var(--space-4);bottom:var(--space-4);z-index:120;background:var(--skip-bg);max-width:min(360px,100vw - 32px);color:var(--skip-text);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;position:fixed}.toast-success{background:var(--success-toast);color:var(--toast-text)}.toast-error{background:var(--danger-toast);color:var(--toast-text)}.login-page{min-height:100vh;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));background-image:radial-gradient(900px 520px at 12% 14%, #ffffff24 0%, #fff0 72%), radial-gradient(700px 420px at 90% 16%, var(--accent-soft) 0%, #0b84d800 74%), url(/static/images/1.jpg);background-position:50%,50%,50%;background-repeat:no-repeat;background-size:auto,auto,cover;background-color:var(--overlay);background-blend-mode:screen, screen, overlay;justify-content:center;align-items:flex-end;display:flex}.login-card{border:1px solid var(--line);background:var(--surface-panel);width:min(460px,100vw - 32px);box-shadow:var(--shadow-lg);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;gap:14px;margin-bottom:clamp(22px,7vh,56px);padding:20px;display:grid;position:relative}.login-card:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff2e}.login-copy{gap:4px;padding:2px 4px;display:grid}.login-eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.login-copy h1{color:var(--text);margin:0;font-size:clamp(20px,1.4vw + 16px,28px);line-height:1.05}.google-btn{border:1px solid var(--line);background:var(--surface-muted-strong);width:100%;min-height:48px;box-shadow:var(--shadow-sm);color:var(--text);border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.google-btn:hover{background:var(--surface-card)}.google-btn:focus-visible{outline:3px solid var(--accent-focus);outline-offset:3px}.g-icon{border:1px solid var(--line);background:var(--surface-panel-soft);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.g-icon svg{width:20px;height:20px;display:block}.g-text{font-size:15px}.login-note{color:var(--muted);margin:-2px 0 0;font-size:12.5px}.page-grid--photos{gap:var(--space-4);display:grid}.photo-panel{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-sm)}.photo-panel--upload{background:radial-gradient(220px 140px at 110% -10%, var(--accent-soft) 0%, #0b84d800 75%), var(--surface-panel);text-align:center}.photo-panel--upload .photo-panel-header{justify-items:center}.photo-panel-header{gap:4px;display:grid}.photo-panel>.small{margin-top:var(--space-2)}.small{color:var(--muted);font-size:13px;line-height:1.35}.photo-form{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--line);background:var(--surface-muted);text-align:center;border-radius:14px;justify-items:center;display:grid}.photo-form label{color:var(--text-soft);font-weight:600}.photo-form input{border:1px dashed var(--line-strong);background:var(--surface-subtle);color:var(--text);border-radius:12px;padding:10px 12px}.photo-form input[aria-invalid=true]{border-color:var(--danger-line);background:var(--danger-soft)}.photo-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.photo-form button,.secondary-btn{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg, var(--accent), var(--accent-strong));min-height:42px;color:var(--text-on-accent);font:inherit;cursor:pointer;padding:8px 12px;font-weight:700}.photo-upload-btn{width:min(240px,100%)}.secondary-btn{background:var(--surface-subtle);color:var(--text-soft)}.field-error,.status-error{color:var(--danger-text)}.status-success{color:var(--success-text)}.status-info{color:var(--muted)}.photo-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr;display:grid}.photo-item{gap:var(--space-2);border:1px solid var(--line);background:var(--surface-card);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;padding:10px;display:flex}.photo-timestamp{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.photo-timestamp:before{content:"";background:var(--accent);border-radius:999px;width:6px;height:6px}.photo-grid img{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-muted-strong);width:100%;box-shadow:var(--shadow-sm);object-fit:cover;border-radius:12px}.empty-state{border:1px dashed var(--line-strong);background:var(--surface-muted);color:var(--muted);text-align:center;border-radius:14px;padding:18px 14px}.empty-state p{margin:0 0 10px}.skeleton-card{aspect-ratio:1;border:1px solid var(--line);background:var(--shimmer-bg);background-size:400% 100%;border-radius:12px;animation:1.2s infinite shimmer}.skeleton-line{background:var(--surface-hover);border-radius:999px;width:48%;height:12px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width>=720px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-form{grid-template-columns:1fr auto;align-items:center}.photo-form label,.photo-form .small,.photo-form input{grid-column:1/-1}}@media (width>=900px){.login-page{align-items:center}.login-card{margin-bottom:0}.photo-panel--upload{position:sticky;top:18px}}@media (width>=1100px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=480px){.login-page{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.login-card{border-radius:16px;padding:18px 16px}.g-text{font-size:14px}}