*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--app-header-clearance: 80px;--toast-below-nav-top: calc(env(safe-area-inset-top, 0px) + var(--app-header-clearance) + 12px);--toast-below-nav-top-mobile: calc(env(safe-area-inset-top, 0px) + var(--app-header-clearance) + 28px);--brand-primary: #07131d;--brand-primary-dark: #0a1a2e;--brand-primary-mid: #1e293b;--brand-accent: #2596be;--brand-accent-light: #0ea5e9;--brand-accent-footer: #00bcd4;--surface-page: #a6a6a6;--surface-section: #b8b8b8;--surface-card: #ffffff;--surface-muted: #f8fafc;--text-primary: #07131d;--text-secondary: #334155;--text-body: #475569;--text-muted: #64748b;--text-on-dark: #ffffff;--text-on-dark-muted: rgba(255, 255, 255, .88);--brand-accent-strong: #0c6280;--border-default: #e2e8f0;--radius-md: 12px;--radius-sm: 8px;--shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--shadow-brand: 0 4px 15px rgba(7, 19, 29, .3);--gradient-brand: linear-gradient(135deg, #07131d 0%, #1e293b 100%);--gradient-brand-hover: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--gradient-accent: linear-gradient(135deg, #2596be 0%, #0ea5e9 100%);--font-base: Arial, Helvetica, sans-serif}html,body{width:100%;max-width:100%;overflow-x:hidden}html.route-landing,body.route-landing{overflow-y:auto;overflow-x:hidden;height:auto;min-height:100%}body.route-landing main{overflow:visible}img{display:block;max-width:100%;height:auto}body{background-color:var(--surface-page);font-family:var(--font-base)}main{width:100%;min-width:0}.btn-primary,.btn-secondary,.btn-cancel,.btn-add-header,.btn-new-reservation,input[type=submit],input[type=button]{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;height:44px;min-height:44px;width:180px;min-width:180px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;line-height:1;white-space:nowrap}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:var(--gradient-brand-hover);transform:translateY(-2px);box-shadow:0 6px 20px #07131d66}.btn-secondary{background:#fff;color:var(--brand-primary);border:2px solid var(--border-default);box-shadow:0 4px 15px #0000001a;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(7,19,29,.1),transparent);transition:left .5s ease}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e0;color:#0f172a;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-add-header,.btn-new-reservation{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d;position:relative;overflow:hidden}.btn-add-header:before,.btn-new-reservation:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-add-header:hover:before,.btn-new-reservation:hover:before{left:100%}.btn-add-header:hover,.btn-new-reservation:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-primary svg,.btn-secondary svg,.btn-add-header svg,.btn-new-reservation svg{width:16px;height:16px;flex-shrink:0;transition:transform .3s ease}.btn-add-header:hover svg,.btn-new-reservation:hover svg{transform:rotate(90deg)}.btn-cancel{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d;position:relative;overflow:hidden}.btn-cancel:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-cancel:hover:before{left:100%}.btn-cancel:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-search{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand)}.btn-search:hover{background:var(--gradient-brand-hover);transform:translateY(-2px);box-shadow:0 6px 20px #07131d66}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{transform:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[class*=table-wrapper],[class*=table-container],[class*=table-scroll],.table-wrapper,.table-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%}@media (max-width: 992px){[class*=container]{max-width:100%}[class*=header-text]{min-width:0}}@media (max-width: 768px){.btn-primary,.btn-secondary,.btn-add-header,.btn-new-reservation,.btn-cancel,.btn-search,input[type=submit],input[type=button]{width:100%;min-width:0}}