:root{--bg: #f7f7f5;--surface: #ffffff;--ink: #111111;--muted: #6b6b6b;--line: #e5e5e2;--accent: #111111;--accent-fg: #ffffff;--good: #1f7a3d;--good-bg: #e3f4e8;--warn: #8a6300;--warn-bg: #fef3c7;--bad: #a40e0e;--bad-bg: #fde2e2;--info: #1d4ed8;--info-bg: #e0eaff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;color:var(--ink)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem 1rem}.brand{font-weight:600;letter-spacing:.01em}.tabs{display:flex;justify-content:center;gap:.25rem}.tab{display:inline-block;padding:.5rem .9rem;border-radius:6px;font-weight:500;color:var(--ink)}.tab:hover{background:var(--bg);text-decoration:none}.tab-active,.tab-active:hover{background:var(--accent);color:var(--accent-fg)}.who{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;font-size:.85rem}.who-email{color:var(--muted);max-width:18ch;overflow:hidden;text-overflow:ellipsis}.app-main{flex:1;padding:1rem;max-width:1100px;width:100%;margin:0 auto}.muted{color:var(--muted)}.error-card{background:var(--bad-bg);border:1px solid color-mix(in srgb,var(--bad) 35%,transparent);color:var(--bad);padding:.75rem 1rem;border-radius:6px;margin:.75rem 0}.btn-primary{background:var(--accent);color:var(--accent-fg);border:0;padding:.55rem 1rem;border-radius:6px;cursor:pointer;font-weight:500}.btn-primary:disabled{opacity:.55;cursor:default}.btn-link{background:transparent;border:0;color:var(--info);cursor:pointer;padding:0;font-weight:500}.btn-link:hover{text-decoration:underline}.full-screen-center,.login-shell{min-height:100%;display:grid;place-items:center;padding:2rem 1rem}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1.5rem;width:100%;max-width:380px}.login-card h1{margin:0 0 .25rem;font-size:1.4rem}.login-form{display:flex;flex-direction:column;gap:.85rem;margin-top:1rem}.login-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.login-form input{padding:.55rem .7rem;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.login-form input:focus{outline:2px solid var(--info);outline-offset:1px;background:var(--surface)}.login-error{color:var(--bad);font-size:.9rem}.screen{display:flex;flex-direction:column;gap:1rem}.screen-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem}.screen-header h1{margin:0;font-size:1.3rem}.screen-meta{display:flex;gap:.6rem;align-items:baseline;font-size:.9rem}.time-group+.time-group{margin-top:.75rem}.time-group-header{font-size:1rem;margin:0 0 .4rem;color:var(--muted);font-weight:500;letter-spacing:.02em}.booking-list{display:flex;flex-direction:column;gap:.5rem}.booking-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.85rem 1rem;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:1rem}@media (max-width: 640px){.booking-card{grid-template-columns:1fr;gap:.5rem}}.booking-card-time{display:flex;flex-direction:column;gap:.15rem}.booking-time{font-weight:600;font-size:1.05rem}.booking-date,.booking-room{color:var(--muted);font-size:.85rem}.booking-card-main{display:flex;flex-direction:column;gap:.25rem;min-width:0}.booking-card-link{color:inherit}.booking-card-link:hover{text-decoration:none}.booking-card-link:hover .booking-headline{text-decoration:underline}.booking-headline{display:flex;gap:.4rem;flex-wrap:wrap;align-items:baseline}.booking-sub{color:var(--muted);font-size:.9rem;display:flex;gap:.5rem;flex-wrap:wrap}.booking-pills{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.25rem}.booking-card-action{display:flex;align-items:center}.checkin-wrap{display:flex;flex-direction:column;gap:.25rem;align-items:stretch}.checkin-error{color:var(--bad);font-size:.8rem}.checkin-done{color:var(--good);font-weight:600}.checkin-blocked{color:var(--muted)}.pill{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:500;background:var(--bg);color:var(--muted);border:1px solid var(--line)}.pill-lc-confirmed{background:var(--info-bg);color:var(--info);border-color:transparent}.pill-lc-arrived{background:var(--good-bg);color:var(--good);border-color:transparent}.pill-lc-no_show{background:var(--warn-bg);color:var(--warn);border-color:transparent}.pill-lc-cancelled{background:var(--bad-bg);color:var(--bad);border-color:transparent}.pill-lc-draft{background:var(--bg)}.pill-pay-paid{background:var(--good-bg);color:var(--good);border-color:transparent}.pill-pay-pending{background:var(--warn-bg);color:var(--warn);border-color:transparent}.pill-pay-failed{background:var(--bad-bg);color:var(--bad);border-color:transparent}.pill-pay-refunded{background:var(--bg)}.calendar-screen{gap:.75rem}.cal-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;justify-content:space-between}.cal-nav{display:flex;align-items:center;gap:.5rem}.cal-nav button{font-size:1.1rem;padding:.25rem .5rem}.cal-today-btn{font-size:.95rem!important}.cal-date-input{padding:.4rem .55rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);font:inherit;color:inherit}.cal-title{font-size:1.05rem;font-weight:600;flex:1 1 auto;text-align:center}.cal-mode{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.cal-mode-btn{background:var(--surface);border:0;padding:.4rem .85rem;cursor:pointer;font:inherit;color:var(--muted)}.cal-mode-btn+.cal-mode-btn{border-left:1px solid var(--line)}.cal-mode-active{background:var(--accent);color:var(--accent-fg)}.cal-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;font-size:.9rem}.cal-empty{text-align:center;padding:2rem 1rem}.cal-only-booked{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;user-select:none;font-size:.9rem}.cal-only-booked input{accent-color:var(--accent)}.cal-grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}.cal-grid>*{background:var(--surface)}.cal-corner{background:var(--bg)}.cal-day-head{background:var(--bg);padding:.5rem .6rem;font-size:.85rem;text-align:center;font-weight:500;color:var(--muted)}.cal-day-today{background:var(--info-bg);color:var(--info);font-weight:600}.cal-time-head{background:var(--bg);padding:.5rem .6rem;font-size:.85rem;font-weight:500;color:var(--muted);text-align:center;align-self:stretch;display:flex;align-items:center;justify-content:center}.cal-cell{min-height:64px;padding:4px;display:flex;flex-direction:column;gap:4px}.cal-cell-empty{flex:1}.dep-cell{position:relative;border:0;border-radius:6px;padding:.5rem .6rem;text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:.2rem;background:var(--bg);color:inherit;transition:filter .1s ease}.dep-cell:hover{filter:brightness(.96)}.dep-cell-empty{background:transparent;cursor:default}.dep-title{font-weight:600;font-size:.85rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dep-meta{display:flex;justify-content:space-between;font-size:.78rem;gap:.5rem;align-items:baseline}.dep-count{font-variant-numeric:tabular-nums}.dep-room{opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dep-bar{height:4px;border-radius:999px;background:#00000014;overflow:hidden;margin-top:.15rem}.dep-bar-fill{height:100%}.dep-badge{position:absolute;top:-8px;right:6px;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.15rem .45rem;border-radius:4px}.dep-badge-sold{background:var(--bad);color:var(--accent-fg)}.dep-badge-warn{background:var(--warn);color:#fff}.dep-badge-ok{background:var(--good);color:#fff}.dep-modal-backdrop{position:fixed;inset:0;background:#11111173;display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;z-index:50;overflow-y:auto}.dep-modal{background:var(--surface);border-radius:10px;width:100%;max-width:720px;box-shadow:0 12px 32px #0000002e;display:flex;flex-direction:column}.dep-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.dep-modal-head h2{margin:0;font-size:1.15rem}.dep-modal-sub{font-size:.9rem;margin-top:.15rem}.dep-modal-close{font-size:1.2rem;line-height:1}.dep-modal-body{padding:1rem 1.25rem 1.25rem}.dep-booking-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.dep-booking-row{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:center;padding:.6rem .75rem;border:1px solid var(--line);border-radius:6px}@media (max-width: 640px){.dep-booking-row{grid-template-columns:1fr}}.dep-booking-main{min-width:0}.dep-booking-link{color:inherit}.dep-booking-link:hover{text-decoration:underline}.dep-booking-sub{font-size:.85rem;margin-top:.15rem}.dep-booking-pills{display:flex;gap:.4rem;flex-wrap:wrap}.dep-booking-action{display:flex;align-items:center}@media (max-width: 720px){.cal-toolbar{gap:.5rem}.cal-title{order:3;flex-basis:100%;text-align:left;font-size:1rem}.cal-mode{order:2}.cal-grid-week{font-size:.78rem}.cal-day-head{padding:.35rem}.cal-cell{min-height:50px;padding:3px}.dep-cell{padding:.35rem .45rem}}.scan-screen{gap:0}.scan-viewfinder{position:relative;width:100%;max-width:480px;aspect-ratio:1 / 1;margin:0 auto;background:#000;border-radius:8px;overflow:hidden}.scan-viewfinder video{width:100%;height:100%;object-fit:cover}.scan-overlay{margin:1rem auto 0;width:100%;max-width:480px;display:flex;flex-direction:column;gap:.5rem}.scan-hint,.scan-busy{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.85rem 1rem;text-align:center;color:var(--muted)}.scan-result{border-radius:8px;padding:1rem 1.25rem;border:1px solid transparent}.scan-result-title{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.scan-result-line{font-size:.95rem}.scan-result-ok{background:var(--good-bg);color:var(--good)}.scan-result-warn{background:var(--warn-bg);color:var(--warn)}.scan-result-err{background:var(--bad-bg);color:var(--bad)}.search-form{display:flex;gap:.5rem}.search-form input{flex:1;padding:.55rem .75rem;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.search-form input:focus{outline:2px solid var(--info);outline-offset:1px}.back-link{display:inline-block;margin-bottom:.5rem}.detail-header{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;justify-content:space-between}.detail-header h1{margin:0}.detail-pills{display:flex;gap:.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.detail-grid section{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem}.detail-grid h2{margin:0 0 .5rem;font-size:1rem;color:var(--muted);font-weight:500}.detail-grid dl{margin:0;display:grid;grid-template-columns:6.5rem 1fr;gap:.35rem .75rem}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0}.slot-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.notes-block{white-space:pre-wrap;margin:0}.detail-actions{margin-top:.5rem}.audit-section h2{font-size:1rem;margin:1.5rem 0 .5rem;color:var(--muted);font-weight:500}.audit-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.audit-list li{display:grid;grid-template-columns:11rem 7rem 12rem 1fr;gap:.5rem;font-size:.85rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--line);border-radius:6px;align-items:baseline}@media (max-width: 720px){.audit-list li{grid-template-columns:1fr;gap:.15rem}}.audit-time{color:var(--muted);white-space:nowrap}.audit-actor{font-weight:500}.audit-actor-operator{color:var(--info)}.audit-actor-stripe{color:var(--accent)}.audit-actor-system{color:var(--muted)}.audit-actor-customer{color:var(--good)}.audit-actor-sweeper{color:var(--warn)}.audit-action{color:var(--muted)}.audit-detail{font-size:.8rem;color:var(--muted);overflow-x:auto}@media (max-width: 640px){.app-header{grid-template-columns:1fr;gap:.5rem}.who{flex-direction:row;align-items:center;gap:.5rem}.tabs{justify-content:flex-start;overflow-x:auto}}