@charset "UTF-8";*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--app-body-inline-gutter: 8px;--app-sidebar-width: 280px}body{margin:0 8px 8px var(--app-body-inline-gutter)}body app-menu~.main-content{flex:1 1 0%;min-width:0;width:100%;max-width:100%}body app-menu~.main-content app-header .page-header,body app-menu~.main-content>.custom-header{width:100%;box-sizing:border-box;min-height:5.5rem;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-bottom:1px solid #7c3aed;box-shadow:0 4px 12px #8b5cf64d;margin:0;position:relative;z-index:10}body app-menu~.main-content app-header .page-header h1,body app-menu~.main-content>.custom-header h1,body app-menu~.main-content>.custom-header .page-title{color:#fff;margin:0;font-size:1.875rem;font-weight:700;line-height:1.25;text-shadow:0 2px 4px rgba(0,0,0,.1)}body app-menu~.main-content>.custom-header .header-actions .action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;margin:0;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem;white-space:nowrap;border-radius:.375rem;cursor:pointer;transition:all .2s ease;min-height:2.5rem;padding:.5rem 1.25rem;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);color:#fff;background:#ffffff1a}body app-menu~.main-content>.custom-header .header-actions .action-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}body app-menu~.main-content>.custom-header .header-actions .action-btn:disabled{opacity:.6;cursor:not-allowed}body app-menu~.main-content>.custom-header .header-actions .action-btn:focus{outline:none}body app-menu~.main-content>.custom-header .header-actions .action-btn:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}body app-menu~.main-content>.custom-header .header-actions .action-btn.action-btn--primary{background:#fff3;border-color:#ffffff47}body app-menu~.main-content>.custom-header .header-actions .action-btn.action-btn--primary:hover:not(:disabled){background:#ffffff4d;border-color:#fff6}body app-menu~.main-content>.custom-header .header-actions .action-btn.action-btn--attention{animation:prm-header-action-attention 2s ease-in-out infinite}body app-menu~.main-content>.custom-header .header-actions .action-btn.action-btn--attention:hover{animation:none}body app-menu~.main-content>.custom-header .header-actions .action-btn .btn-icon{width:16px;height:16px;flex-shrink:0;color:#fff;stroke:#fff;fill:none}body app-menu~.main-content>.custom-header .header-actions .action-btn .btn-icon.spinning{animation:prm-header-action-spin 1s linear infinite}body app-menu~.main-content>.custom-header .header-actions .action-btn .add-booking-type-disabled-icon{color:#dc2626;stroke:#dc2626}@keyframes prm-header-action-attention{0%{box-shadow:0 0 #ffffff59}50%{box-shadow:0 0 0 8px #ffffff1f}to{box-shadow:0 0 #fff0}}body app-menu~.main-content>.custom-header .header-actions app-button button.btn{background-color:#ffffff1a!important;border-color:#fff3!important;color:#fff!important;box-shadow:none!important}body app-menu~.main-content>.custom-header .header-actions app-button button.btn:hover:not(:disabled):not(.btn--loading){background-color:#fff3!important;border-color:#ffffff4d!important;color:#fff!important}body app-menu~.main-content>.custom-header .header-actions app-button button.btn:active:not(:disabled):not(.btn--loading){background-color:#ffffff38!important;border-color:#ffffff59!important;color:#fff!important}body app-menu~.main-content>.custom-header .header-actions app-button button.btn:focus{box-shadow:none!important}body app-menu~.main-content>.custom-header .header-actions app-button button.btn:focus-visible{outline:2px solid rgba(255,255,255,.85)!important;outline-offset:2px!important}body app-menu~.main-content>.custom-header .header-actions app-button button.btn.btn--primary{background-color:#fff3!important;border-color:#ffffff47!important}body app-menu~.main-content>.custom-header .header-actions app-button button.btn.btn--primary:hover:not(:disabled):not(.btn--loading){background-color:#ffffff4d!important;border-color:#fff6!important}body app-menu~.main-content>.custom-header .header-actions app-button button.btn.btn--primary:active:not(:disabled):not(.btn--loading){background-color:#ffffff47!important}body app-menu~.main-content>.custom-header .header-actions app-button button.btn .btn__content{color:inherit!important}body app-menu~.main-content>.custom-header .header-actions app-button button.btn .btn-icon,body app-menu~.main-content>.custom-header .header-actions app-button button.btn .btn__icon,body app-menu~.main-content>.custom-header .header-actions app-button button.btn svg{color:#fff!important;stroke:#fff!important;fill:none!important}body app-menu~.main-content>.custom-header .header-actions app-button button.btn svg.add-booking-type-disabled-icon,body app-menu~.main-content>.custom-header .header-actions app-button button.btn .btn-icon.add-booking-type-disabled-icon{color:#dc2626!important;stroke:#dc2626!important}body app-menu~.main-content>.custom-header .header-actions app-button button.btn .btn-icon{width:16px;height:16px;margin-right:.5rem}body app-menu~.main-content>.custom-header .header-actions app-button button.btn .btn-icon.spinning{animation:prm-header-action-spin 1s linear infinite}@keyframes prm-header-action-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.booking-modal-open,body.booking-modal-open .main-content,body.booking-modal-open .invoices-content{overflow:hidden!important}app-root{display:block;height:100vh;min-height:100vh}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:opacity(.6);transition:filter .2s ease}input[type=date]::-webkit-calendar-picker-indicator:hover{filter:opacity(1)}input[type=date]{min-width:150px}input[type=date]::-moz-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s ease}input[type=date]::-moz-calendar-picker-indicator:hover{opacity:1}.modal-content input[type=date],.form-field input[type=date]{width:100%;max-width:100%}@media (max-width: 768px){input[type=date]{font-size:16px}}
