*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-app: #f3f5f8;--bg-sidebar: #ffffff;--bg-topbar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #eef2f7;--bg-input: #ffffff;--bg-sunken: #f3f5f8;--border: #d5dbe5;--border-light: #c3ccd8;--text-primary: #142033;--text-secondary: #3c4b60;--text-muted: #5d6d82;--accent: #1f4ec8;--accent-hover: #183fa0;--on-accent: #ffffff;--tone-success: #157a3a;--tone-warning: #b45309;--tone-danger: #b91c1c;--tone-info: #1d4ed8;--tone-violet: #6d28d9;--tone-neutral: #475569;--member-accent: #1d4ed8;--member-accent-hover: #1e40af;--member-accent-strong: #1e3a8a;--member-accent-soft: rgba(29, 78, 216, .1);--member-accent-border: rgba(29, 78, 216, .28);--color-allowed: #157a3a;--bg-allowed: rgba(21, 122, 58, .12);--color-denied: #b91c1c;--bg-denied: rgba(185, 28, 28, .1);--color-duplicate: #c2410c;--bg-duplicate: rgba(194, 65, 12, .12);--alert-high: #dc2626;--alert-medium: #c2410c;--alert-info: #1d4ed8;--sidebar-w: 220px;--topbar-h: 56px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}:root[data-theme=dark],[data-theme=dark]{--bg-app: #0f1117;--bg-sidebar: #16181f;--bg-topbar: #16181f;--bg-card: #1e2028;--bg-card-hover: #23262f;--bg-input: #12141a;--bg-sunken: #171920;--border: #2a2d3a;--border-light: #353849;--text-primary: #e8eaf0;--text-secondary: #9aa3b2;--text-muted: #7b8494;--accent: #4f7df3;--accent-hover: #6b93f5;--on-accent: #101a27;--tone-success: #86efac;--tone-warning: #fcd34d;--tone-danger: #fca5a5;--tone-info: #93c5fd;--tone-violet: #c4b5fd;--tone-neutral: #cbd5e1;--member-accent: #8fb7eb;--member-accent-hover: #a7c7ef;--member-accent-strong: #d7e7fb;--member-accent-soft: rgba(143, 183, 235, .14);--member-accent-border: rgba(143, 183, 235, .34);--color-allowed: #4ade80;--bg-allowed: rgba(20, 83, 45, .35);--color-denied: #f87171;--bg-denied: rgba(69, 10, 10, .35);--color-duplicate: #fb923c;--bg-duplicate: rgba(69, 26, 3, .35)}html,body{height:100%;max-width:100%;overflow-x:clip;background:var(--bg-app);color:var(--text-primary)}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}img,svg,canvas{max-width:100%}input,select,textarea{max-width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{background-color:var(--bg-input);color:var(--text-primary)}.global-theme-toggle{position:fixed;z-index:1000;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text-primary);box-shadow:0 8px 28px #0f172a33;transition:transform .15s,background .15s}.global-theme-toggle:hover{transform:translateY(-2px);background:var(--bg-card-hover)}.global-theme-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:3px}.global-theme-toggle .material-icons{font-size:21px}@media(max-width:1024px){app-root>.global-theme-toggle{bottom:calc(82px + env(safe-area-inset-bottom))}}:root[data-theme=light] .shell-topbar{background:#fffffff0!important;border-color:var(--border)!important}:root[data-theme=light] .mobile-nav{background:#fffffff7!important;border-color:var(--border)!important}:root[data-theme=light] .login-layout,:root[data-theme=light] .login-panel{background:#fff!important}:root[data-theme=light] .field input,:root[data-theme=light] .field select,:root[data-theme=light] .field textarea,:root[data-theme=light] .field-select{background:#fff!important;color:var(--text-primary)!important}:root[data-theme=light] app-member-home .home-hero__intro,:root[data-theme=light] app-member-home .home-section__head>p{color:var(--text-secondary)!important}.exceptional-openings{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.exceptional-opening-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--color-allowed) 35%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-allowed) 10%,var(--bg-card));color:var(--text-primary);font-size:12px}.exceptional-opening-chip button{display:grid;place-items:center;border:0;background:transparent;color:inherit}app-public-registration .field input,app-public-registration .field select,app-public-registration .field textarea{min-width:0}.material-icons{font-size:20px;line-height:1;vertical-align:middle;-webkit-user-select:none;user-select:none}.material-icons.md-14{font-size:14px}.material-icons.md-16{font-size:16px}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-32{font-size:32px}.material-icons.md-48{font-size:48px}.admin-date-strip,.admin-agenda{display:none}.reservation-form{display:flex;flex-direction:column;gap:16px}.reservation-form textarea.field-select{min-height:84px;padding-top:10px;resize:vertical}@media(max-width:1024px){:root{--compact-page-padding: 16px}html,body{min-height:100dvh;overscroll-behavior-x:none}app-root,router-outlet,main,section,article,aside,form,div{min-width:0}input,select,textarea{font-size:16px!important}textarea{resize:vertical}.page-shell,.members-page,.checkins-page,.alerts-page,.analytics-page,.admins-page,.gp-page,.dup-page,.member-form-page,.detail-page,.scanner-page,.view-content{max-width:100%;padding-right:var(--compact-page-padding)!important;padding-left:var(--compact-page-padding)!important}.page-header,.page-head,.list-header{gap:12px}.header-actions,.head-actions,.editor-actions,.panel-actions,.profile-actions,.stats-actions{max-width:100%;flex-wrap:wrap}.form-layout,.form-grid,.layout-grid,.admin-grid,.step-content--split,.bottom-grid,.fields-grid,.repeat-grid,.variable-grid{grid-template-columns:minmax(0,1fr)!important}.field input,.field select,.field textarea,.search-input,.month-input,.date-input{min-height:46px}.primary-action,.secondary-action,.btn-primary,.btn-secondary,.btn,.btn-export,.btn-new,.btn-duplicates{min-height:44px}.table-wrap,.campaign-table,.message-table{max-width:100%}.chart-card,.chart-area,.chart-wrap,.peak-plot,.scanner-page video,#reader,#reader-wrapper{min-width:0!important;max-width:100%!important}.admin-date-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:0 14px 12px;overflow:visible}.admin-date{display:flex;width:100%;min-width:0;min-height:62px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--border, #2a2d3a);border-radius:11px;background:var(--bg-card, #1e2028);color:var(--text-muted, #6b7280);font:inherit}.admin-date span{font-size:10px;font-weight:700;text-transform:capitalize}.admin-date strong{color:var(--text-primary, #e8eaf0);font-size:18px}.admin-date--today{border-color:#7dd3fc73}.admin-date--blocked{box-shadow:inset 0 -3px #f87171}.admin-date--active{border-color:var(--accent, #4f7df3);background:#4f7df329;color:var(--tone-info)}.admin-agenda{display:block;padding:0 14px 24px}.admin-agenda__head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:10px 0 12px}.admin-agenda__head>div>span{color:var(--text-muted, #6b7280);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.admin-agenda__head h2{margin:3px 0 0;font-size:18px;text-transform:capitalize}.day-action{display:inline-flex;min-height:44px;flex-shrink:0;align-items:center;gap:6px;padding:0 11px;border:1px solid rgba(248,113,113,.28);border-radius:9px;background:#f8717114;color:var(--tone-danger);font:inherit;font-size:11px;font-weight:800}.day-action--blocked{border-color:#4ade8047;background:#4ade8014;color:var(--tone-success)}.admin-slot-list{overflow:hidden;border:1px solid var(--border, #2a2d3a);border-radius:13px;background:var(--bg-card, #1e2028)}.admin-slot{display:grid;min-height:64px;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border-bottom:1px solid var(--border, #2a2d3a)}.admin-slot:last-child{border-bottom:0}.admin-slot--booked{box-shadow:inset 3px 0 0 var(--accent, #4f7df3)}.admin-slot--blocked{box-shadow:inset 3px 0 #f87171}.admin-slot__time{color:var(--text-primary, #e8eaf0);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.admin-slot__body{min-width:0}.admin-slot__body strong,.admin-slot__body span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-slot__body strong{color:var(--text-primary, #e8eaf0);font-size:13px}.admin-slot__body span{margin-top:3px;color:var(--text-muted, #6b7280);font-size:11px}.admin-slot__actions{display:flex;align-items:center;gap:5px}.slot-action{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 10px;border:1px solid var(--border, #2a2d3a);border-radius:8px;background:var(--bg-sunken);color:var(--text-primary, #e8eaf0);font:inherit;font-size:11px;font-weight:800}.slot-action--reserve{border-color:#4f7df359;background:#4f7df31f;color:var(--tone-info)}.slot-action--block{width:40px;padding:0;color:var(--tone-danger)}.slot-action--unblock{border-color:#4ade804d;color:var(--tone-success)}}@media(max-width:767px){:root{--compact-page-padding: 14px}.dialog-backdrop,.modal-backdrop,.modal-overlay{padding:0!important}.dialog,.modal-card{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:none!important;max-height:min(88dvh,720px)!important;margin:0!important;padding-bottom:env(safe-area-inset-bottom)!important;overflow-y:auto;transform:none!important;border-right:0!important;border-bottom:0!important;border-left:0!important;border-radius:20px 20px 0 0!important}.dialog-footer,.modal-actions,.modal-foot{padding-bottom:max(14px,env(safe-area-inset-bottom))!important}}@media(max-width:430px){.admin-date-strip{gap:3px;padding-right:10px;padding-left:10px}.admin-date{min-height:56px;border-radius:8px}.admin-date span{font-size:9px}.admin-date strong{font-size:16px}}@media(max-width:390px){.day-action{width:44px;padding:0;font-size:0;justify-content:center}.admin-slot{grid-template-columns:44px minmax(0,1fr)}.admin-slot__actions{grid-column:2;justify-content:flex-start}}app-reservations .sim-control{--sim-accent: var(--accent, #4f7df3);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid var(--border, #2a2d3a);border-radius:10px;background:var(--bg-card, #1e2028)}app-reservations .sim-control--active{border-color:var(--sim-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--sim-accent) 28%,transparent)}app-reservations .sim-control--disabled{background:color-mix(in srgb,var(--bg-card, #1e2028) 72%,transparent)}app-reservations .sim-tab-bar{display:grid;grid-template-columns:repeat(2,minmax(250px,320px));gap:12px;padding-bottom:12px}app-reservations .sim-availability--updating{opacity:.6}app-reservations .sim-control .sim-tab{min-width:0;justify-content:flex-start;padding:10px 12px;border:0;border-radius:0;background:transparent;text-align:left}app-reservations .sim-control .sim-tab--active{color:var(--sim-accent);background:color-mix(in srgb,var(--sim-accent) 9%,transparent)}app-reservations .sim-tab__copy,app-reservations .sim-tab__copy strong,app-reservations .sim-tab__copy small{display:block}app-reservations .sim-tab__copy small{margin-top:2px;color:var(--text-muted, #6b7280);font-size:10px;font-weight:600}app-reservations .sim-availability{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 12px;border-left:1px solid var(--border, #2a2d3a);color:var(--text-muted, #6b7280);font-size:11px;font-weight:700;cursor:pointer}app-reservations .sim-availability input{position:absolute;opacity:0;pointer-events:none}app-reservations .sim-toggle{position:relative;width:34px;height:20px;border-radius:20px;background:var(--border, #2a2d3a);transition:background .15s}app-reservations .sim-toggle:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;content:"";transition:transform .15s}app-reservations .sim-availability input:checked+.sim-toggle{background:var(--accent, #4f7df3)}app-reservations .sim-availability input:checked+.sim-toggle:after{transform:translate(14px)}app-reservations .sim-availability input:focus-visible+.sim-toggle{outline:2px solid var(--accent, #4f7df3);outline-offset:2px}@media(max-width:1024px){app-reservations .sim-tab-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){app-reservations .sim-tab-bar{grid-template-columns:1fr}}
