:root{color-scheme:light;--bg-primary: #f2ebda;--bg-surface: #ffffff;--bg-subtle: #f6f1e4;--bg-muted: #e4ebf5;--text-primary: #1f2a3a;--text-strong: #162133;--text-muted: #5b6675;--text-inverse: #f8fafc;--accent-primary: #7b9ccf;--accent-strong: #5d7db4;--accent-soft: #dfe7f5;--accent-contrast: #ffffff;--cta-primary: var(--accent-strong);--cta-primary-hover: #4f6da4;--cta-primary-text: var(--accent-contrast);--cta-secondary: var(--bg-surface);--cta-secondary-text: var(--text-strong);--cta-secondary-border: var(--border-strong);--border-subtle: #d7dfeb;--border-strong: #b8c5d8;--border-divider: #c8d2e1;--shadow-level1: 0 2px 8px rgba(18, 36, 56, .06);--shadow-level2: 0 8px 22px rgba(18, 36, 56, .14);--status-success-bg: #e6f3ec;--status-success-border: #9ed2b0;--status-success-strong: #1f5f42;--status-warning-bg: #fbf3e4;--status-warning-border: #e4c18b;--status-warning-strong: #8a5c1a;--status-error-bg: #f6e8e8;--status-error-border: #d9a1a1;--status-error-strong: #8f3030;--status-info-bg: #e4edf7;--status-info-border: #a4bddc;--status-info-strong: #2f4a68;--focus-ring: #c5d6f1;--color-bg-canvas: var(--bg-primary);--color-bg-surface: var(--bg-surface);--color-bg-subtle: var(--bg-subtle);--color-bg-muted: var(--bg-muted);--color-text-primary: var(--text-primary);--color-text-strong: var(--text-strong);--color-text-muted: var(--text-muted);--color-text-inverse: var(--text-inverse);--color-accent-primary: var(--accent-primary);--color-accent-strong: var(--accent-strong);--color-accent-soft: var(--accent-soft);--color-accent-contrast: var(--accent-contrast);--color-border-subtle: var(--border-subtle);--color-border-strong: var(--border-strong);--color-divider-strong: var(--border-divider);--shadow-soft: var(--shadow-level1);--shadow-elevated: var(--shadow-level2);--color-status-success-bg: var(--status-success-bg);--color-status-success-border: var(--status-success-border);--color-status-success-text: var(--status-success-strong);--color-status-warning-bg: var(--status-warning-bg);--color-status-warning-border: var(--status-warning-border);--color-status-warning-text: var(--status-warning-strong);--color-status-error-bg: var(--status-error-bg);--color-status-error-border: var(--status-error-border);--color-status-error-text: var(--status-error-strong);--color-status-info-bg: var(--status-info-bg);--color-status-info-border: var(--status-info-border);--color-status-info-text: var(--status-info-strong);--color-focus-ring: var(--focus-ring)}:root{--shell-bg: var(--bg-primary);--shell-surface: var(--bg-surface);--shell-border: var(--border-subtle);--shell-radius: 12px;--shell-padding: 20px;--shell-gap: 16px;--nav-height: 72px;--nav-surface: var(--bg-surface);--nav-border: var(--border-subtle);--nav-text: var(--text-primary);--nav-muted: var(--text-muted);--nav-link-bg: var(--bg-subtle);--nav-link-hover: var(--bg-muted);--nav-link-active: var(--accent-soft);--nav-link-border: var(--border-strong);--nav-link-active-border: var(--accent-primary);--nav-bg: var(--bg-surface);--card-surface: var(--bg-surface);--card-border: var(--border-subtle);--card-shadow: var(--shadow-level1);--button-primary-bg: var(--cta-primary);--button-primary-strong: var(--accent-strong);--button-primary-text: var(--cta-primary-text);--button-primary-border: var(--accent-strong);--button-primary-hover-shadow: var(--shadow-level2);--button-secondary-bg: var(--cta-secondary);--button-secondary-text: var(--cta-secondary-text);--button-secondary-border: var(--cta-secondary-border);--button-secondary-hover: var(--bg-muted);--button-focus-ring: var(--focus-ring);--tab-bg: var(--bg-subtle);--tab-border: var(--border-subtle);--tab-text: var(--text-primary);--tab-hover-bg: var(--bg-muted);--tab-active-bg: var(--accent-primary);--tab-active-text: var(--accent-contrast);--tab-active-border: var(--accent-primary);--tab-focus-ring: var(--focus-ring);--table-surface: var(--bg-surface);--table-border: var(--border-subtle);--table-header-bg: var(--accent-soft);--table-header-text: var(--text-strong);--table-cell-text: var(--text-primary);--table-cell-muted: var(--text-muted);--table-row-hover: var(--bg-muted);--table-row-stripe: var(--bg-subtle);--badge-bg: var(--bg-subtle);--badge-text: var(--text-primary);--badge-border: var(--border-subtle);--badge-success-bg: var(--status-success-bg);--badge-success-border: var(--status-success-border);--badge-success-text: var(--status-success-strong);--badge-warning-bg: var(--status-warning-bg);--badge-warning-border: var(--status-warning-border);--badge-warning-text: var(--status-warning-strong);--badge-error-bg: var(--status-error-bg);--badge-error-border: var(--status-error-border);--badge-error-text: var(--status-error-strong);--badge-info-bg: var(--status-info-bg);--badge-info-border: var(--status-info-border);--badge-info-text: var(--status-info-strong);--page-padding: 24px;--page-padding-mobile: 16px;--section-gap: 16px}body{font-family:Segoe UI,Arial,sans-serif;background:var(--shell-bg);min-height:100vh;margin:0;color:var(--color-text-primary)}@media(max-width:600px){.top-nav__inner{flex-direction:column;align-items:flex-start;gap:12px}.top-nav__items{width:100%;margin-left:0}}h2{margin-top:1rem;color:var(--color-text-strong)}.top-nav{position:sticky;top:0;z-index:50;background:var(--nav-surface);color:var(--nav-text);box-shadow:var(--shadow-elevated);border-bottom:1px solid var(--nav-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.top-nav__inner{display:flex;align-items:center;gap:18px;min-height:var(--nav-height);padding:12px 24px;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}.top-nav__brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;padding:8px 0}.top-nav__logo{height:42px;width:auto;filter:drop-shadow(0 2px 6px rgba(20,32,51,.08))}.top-nav__title{font-weight:700;color:var(--color-text-strong);letter-spacing:.01em}.top-nav__items{display:flex;align-items:center;gap:8px;overflow-x:auto;flex-wrap:nowrap;padding:8px 0;margin-left:16px;flex:1}.top-nav__link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:14px;border:1px solid var(--nav-link-border);background:var(--nav-link-bg);color:var(--nav-text);text-decoration:none;font-weight:700;letter-spacing:.005em;box-sizing:border-box;white-space:nowrap;flex-shrink:0;box-shadow:var(--shadow-soft);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .1s ease}.top-nav__link:hover{background:var(--nav-link-hover);color:var(--color-text-strong);transform:translateY(-1px)}.top-nav__link:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;box-shadow:var(--shadow-elevated);background:var(--nav-link-active);border-color:var(--nav-link-active-border)}.top-nav__link.is-active{background:var(--nav-link-active);border-color:var(--nav-link-active-border);color:var(--color-text-strong);box-shadow:var(--shadow-elevated)}.top-nav__link.is-kiosk{padding:12px 16px}.top-nav.is-kiosk .top-nav__inner{min-height:calc(var(--nav-height) + 6px)}.app-shell{min-height:100vh;background:var(--shell-bg);color:var(--color-text-primary)}.app-shell__main{padding:var(--page-padding)}.app-shell__content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--section-gap)}.admin-shell,.admin-shell .shell-content{display:flex;flex-direction:column;gap:var(--shell-gap)}.admin-shell .page-grid{display:grid;grid-template-columns:1fr;gap:var(--shell-gap)}.ops-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--shell-gap);align-items:flex-start}.ops-main{display:flex;flex-direction:column;gap:var(--shell-gap)}.shell-aside{position:sticky;top:112px;background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--shell-radius);padding:16px;box-shadow:var(--card-shadow)}.shell-aside h4{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--color-text-muted);letter-spacing:.01em}.shell-aside__link{margin-left:8px;font-size:14px;padding:4px 0;cursor:pointer;font-weight:500;color:var(--color-text-primary);display:block}.shell-aside__link.is-accent{color:var(--color-accent-primary);font-weight:700}.section-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;background:var(--color-bg-subtle);border-bottom:1px solid var(--shell-border)}.section-header h3{margin:0;font-size:18px;color:var(--color-text-strong)}.filters-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--color-bg-subtle);border:1px solid var(--shell-border);border-radius:12px}.booking-chip{background:var(--color-accent-soft);border:1px solid var(--color-border-subtle);color:var(--color-text-strong);border-radius:10px;padding:10px 12px;text-align:left;transition:transform .12s ease,box-shadow .2s ease;box-shadow:var(--shadow-soft)}.booking-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-elevated)}.booking-chip__source{color:var(--color-accent-primary);font-size:11px;letter-spacing:.01em}.calendar-table{min-width:100%}.table-card{background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--shell-radius);box-shadow:var(--card-shadow);overflow:hidden}.table-footer{padding:12px 16px;background:var(--color-bg-subtle);border-top:1px solid var(--shell-border)}@media(max-width:1100px){.admin-shell .page-grid,.ops-grid{grid-template-columns:1fr}.shell-aside{position:relative;top:auto}}@media(max-width:768px){.app-shell__main{padding:var(--page-padding-mobile)}}.shell-card{background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--shell-radius);padding:var(--shell-padding);box-shadow:var(--card-shadow)}.shell-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.shell-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:4px 0 6px;margin-bottom:4px}.shell-header__title{margin:0;font-size:26px;line-height:1.2;color:var(--color-text-strong);letter-spacing:-.01em}.shell-header__actions{display:flex;align-items:center;gap:10px}.shell-tabs{display:flex;gap:12px;flex-wrap:wrap}.shell-tab{padding:8px 14px;border-radius:10px;border:1px solid var(--tab-border);background:var(--tab-bg);color:var(--tab-text);cursor:pointer;font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.shell-tab:hover{background:var(--tab-hover-bg);border-color:var(--tab-border)}.shell-tab.active{background:var(--tab-active-bg);color:var(--tab-active-text);border-color:var(--tab-active-border);box-shadow:var(--shadow-soft)}.shell-tab:focus-visible{outline:2px solid var(--tab-focus-ring);outline-offset:2px}.shell-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid var(--button-primary-border);background:linear-gradient(135deg,var(--button-primary-bg),var(--button-primary-strong));color:var(--button-primary-text);font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.shell-button.secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--button-secondary-border)}.shell-button:hover{transform:translateY(-1px);box-shadow:var(--button-primary-hover-shadow)}.shell-button.secondary:hover{background:var(--button-secondary-hover);box-shadow:var(--shadow-soft)}.shell-button:focus-visible{outline:3px solid var(--button-focus-ring);outline-offset:2px}.shell-table{width:100%;border-collapse:collapse;background:var(--table-surface);color:var(--table-cell-text);font-size:14px}.shell-table th,.shell-table td{padding:10px 12px;border-bottom:1px solid var(--table-border);text-align:left;vertical-align:middle;line-height:1.4}.shell-table thead th{position:sticky;top:0;background:var(--table-header-bg);color:var(--table-header-text);z-index:1}.shell-table tbody tr:nth-child(2n){background:var(--table-row-stripe)}.shell-table tbody tr:hover{background:var(--table-row-hover)}@media(max-width:1024px){.shell-table{border-spacing:0;font-size:13px}.shell-table th,.shell-table td{padding:8px 10px;letter-spacing:.01em}}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-weight:600;font-size:12px;background:var(--badge-bg);color:var(--badge-text);border:1px solid var(--badge-border);letter-spacing:.01em;box-shadow:var(--shadow-soft)}.status-badge--success{--badge-bg: var(--badge-success-bg);--badge-text: var(--badge-success-text);--badge-border: var(--badge-success-border)}.status-badge--warning{--badge-bg: var(--badge-warning-bg);--badge-text: var(--badge-warning-text);--badge-border: var(--badge-warning-border)}.status-badge--error{--badge-bg: var(--badge-error-bg);--badge-text: var(--badge-error-text);--badge-border: var(--badge-error-border)}.status-badge--info{--badge-bg: var(--badge-info-bg);--badge-text: var(--badge-info-text);--badge-border: var(--badge-info-border)}.form-grid{display:flex;flex-wrap:wrap;gap:10px;margin:1rem 0}.form-grid>*{flex:1 1 180px;min-width:180px}.form-grid input,.form-grid select{padding:8px;font-size:14px;border-radius:4px;border:1px solid var(--color-border-subtle);width:100%;box-sizing:border-box}button{padding:8px 12px;background-color:var(--button-primary-bg);color:var(--button-primary-text);border:1px solid var(--button-primary-border);border-radius:6px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}button:hover{background-color:var(--button-primary-strong);border-color:var(--button-primary-border);box-shadow:var(--shadow-soft)}.booking-card{background:var(--shell-surface);border-radius:8px;box-shadow:var(--shadow-soft);padding:24px;margin-bottom:24px;max-width:100%;width:100%}.booking-table{width:100%;border-collapse:collapse;background:var(--shell-surface);border-radius:8px;box-shadow:var(--shadow-soft)}.booking-table tr:nth-child(2n){background:var(--color-bg-subtle)}.booking-table tr:hover{background:var(--color-accent-soft)}.booking-btn{background:var(--color-accent-primary);color:var(--color-accent-contrast);border:1px solid var(--color-accent-primary);border-radius:4px;padding:8px 16px;cursor:pointer;margin-right:8px}.booking-btn:hover,.booking-btn:focus{background:var(--color-accent-strong)}.booking-btn-cancel{background:var(--color-status-warning-text);color:var(--color-accent-contrast)}.booking-btn-cancel:hover,.booking-btn-cancel:focus{background:var(--color-status-warning-border)}input:focus,select:focus,button:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(max-width:900px){.booking-card{max-width:100%;padding:12px}.form-grid{flex-direction:column;gap:8px}.form-grid>*{min-width:100%}}
