input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root{--primary-maroon:#701414;--primary-maroon-hover:#580f0f;--accent-gold:#c59b27;--accent-gold-light:#fef8eb;--bg-page:#f8f6f0;--bg-card:#fff;--border-color:#e5dec9;--text-main:#2c2420;--text-muted:#6e655f;--success-green:#1b5e20;--danger-red:#b71c1c;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 4px 12px #00000014}.booking-page{background-color:var(--bg-page);height:100vh;max-height:100vh;color:var(--text-main);box-sizing:border-box;flex-direction:column;gap:16px;padding:16px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;overflow:hidden}.booking-title{color:var(--primary-maroon);letter-spacing:.5px;border-bottom:2px solid var(--accent-gold);justify-content:space-between;align-items:center;margin:0;padding-bottom:6px;font-size:1.5rem;font-weight:700;display:flex}.top-header-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}select{border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;border-radius:6px;outline:none;padding:8px 12px;font-size:.9rem;transition:border-color .2s}select:focus{border-color:var(--primary-maroon)}.stats-container{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.stat-card{align-items:center;gap:16px;display:flex}.stat-card h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.95rem;font-weight:600}.stat-numbers{color:var(--primary-maroon);margin:0;font-size:1.25rem;font-weight:700}.stat-card small{color:var(--text-muted);font-size:.8rem}.excel-btn{background-color:var(--primary-maroon);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-weight:600;transition:background-color .2s,transform .1s}.excel-btn:hover{background-color:var(--primary-maroon-hover)}.excel-btn:active{transform:scale(.98)}.directory-controls{align-items:center;gap:12px;display:flex}.search-input{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:6px;outline:none;flex:1;padding:10px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--primary-maroon);box-shadow:0 0 0 3px #7014141a}.filter-select{min-width:180px}.booking-table{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:8px;flex-direction:column;flex:1;display:flex;overflow-y:auto}.booking-row{border-bottom:1px solid #f0eae1;grid-template-columns:120px 2fr 2fr 120px;align-items:center;padding:10px 16px;font-size:.95rem;display:grid}.booking-row.header{z-index:10;background-color:var(--primary-maroon);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--accent-gold);font-size:.85rem;font-weight:600;position:sticky;top:0}.booking-row.header div{margin:0!important}.booking-row:not(.header):nth-child(2n){background-color:#faf8f5}.booking-row:not(.header):hover{background-color:var(--accent-gold-light)}.booking-row>div:first-child{color:var(--primary-maroon);font-weight:700;margin-left:0!important;font-size:1.25rem!important}.svName{color:var(--text-main);font-size:.9rem;line-height:1.3}.delete-btn{background-color:var(--danger-red);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 16px;font-size:.85rem;font-weight:600;transition:opacity .2s;margin-left:0!important}.delete-btn:hover{opacity:.9}.no-data{text-align:center;color:var(--text-muted);background:var(--bg-card);border:1px dashed var(--border-color);border-radius:8px;padding:40px;font-style:italic}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background-color:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background-color:var(--bg-card);width:100%;max-width:420px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:16px;padding:28px 32px;display:flex}.modal-container h3{text-align:center;border-bottom:2px solid var(--accent-gold);margin:0;padding-bottom:8px;font-size:1.4rem}.modal-container .token{text-align:center;color:var(--text-muted);margin:0;font-size:1.1rem;font-weight:700}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-field label{color:var(--text-muted);font-size:.85rem;font-weight:600}.modal-field input{border:1px solid var(--border-color);border-radius:6px;outline:none;padding:10px;font-size:1rem}.modal-field input:focus{border-color:var(--primary-maroon)}.total-amount{text-align:right;color:var(--primary-maroon);border-top:1px dashed var(--border-color);padding-top:8px;font-size:1.2rem;font-weight:700}.modal-buttons{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.modal-buttons button{cursor:pointer;border:1px solid var(--border-color);background-color:#fff;border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.modal-buttons .save-btn{background-color:var(--primary-maroon);color:#fff;border:none}.modal-buttons .save-btn:hover{background-color:var(--primary-maroon-hover)}.modal-buttons .cancel-btn{color:var(--text-muted)}.modal-buttons .cancel-btn:hover{background-color:#f0f0f0}