*{box-sizing:border-box;margin:0;padding:0}html{touch-action:manipulation;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background-color:#f9fafb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{min-height:100vh}a{text-decoration:none;color:inherit}button{border:none;background:none;font-family:inherit;cursor:pointer}.offline-indicator{position:relative;width:100%;padding:.5rem 1rem;display:flex;justify-content:center;align-items:center;transition:all .3s ease;animation:slideDown .3s ease-out;overflow:hidden}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.offline-indicator.offline{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.offline-indicator.online{background:linear-gradient(135deg,#059669,#047857);color:#fff}.offline-indicator.syncing{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.offline-indicator-content{display:flex;align-items:center;gap:.75rem;max-width:1200px;width:100%;justify-content:center}.offline-indicator-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.offline-indicator-icon .spin{animation:spin 1s linear infinite}.offline-indicator-text{font-size:.875rem;font-weight:500}.offline-indicator-sync-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:.375rem;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.offline-indicator-sync-btn:hover{background:#ffffff4d;border-color:#fff6}.offline-indicator-success{display:flex;align-items:center;gap:.375rem;font-size:.75rem;opacity:.9}.offline-pending-count-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;padding:0;transition:opacity .2s}.offline-pending-count-btn:hover{opacity:.8}.offline-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.offline-modal-content{background:#fff;border-radius:1rem;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out}.offline-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:1rem 1rem 0 0}.offline-modal-header h3{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.offline-modal-header h3 svg{color:#3b82f6}.offline-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;transition:all .2s}.offline-modal-close:hover{background:#e5e7eb;color:#1f2937}.offline-modal-body{flex:1;overflow-y:auto;padding:1rem 1.5rem;background:#fff}.offline-modal-loading,.offline-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;color:#6b7280}.offline-modal-loading .spin{animation:spin 1s linear infinite}.offline-modal-loading svg,.offline-modal-empty svg{color:#3b82f6}.offline-pending-list{display:flex;flex-direction:column;gap:.75rem}.offline-pending-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;transition:all .2s}.offline-pending-item:hover{border-color:#3b82f6;background:#eff6ff}.offline-pending-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.offline-pending-method{padding:.25rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.offline-pending-endpoint{font-weight:600;color:#1f2937;font-size:.9375rem}.offline-pending-retry{margin-left:auto;padding:.25rem .5rem;background:#f59e0b;border-radius:.25rem;font-size:.625rem;font-weight:600;color:#fff}.offline-pending-item-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:#6b7280}.offline-pending-path,.offline-pending-time{display:flex;align-items:center;gap:.375rem}.offline-pending-path code{background:#e5e7eb;padding:.125rem .375rem;border-radius:.25rem;font-family:monospace;font-size:.6875rem;color:#374151}.offline-pending-data{margin-top:.75rem}.offline-pending-data details{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.offline-pending-data summary{padding:.5rem .75rem;font-size:.75rem;font-weight:500;color:#3b82f6;cursor:pointer;transition:background .2s}.offline-pending-data summary:hover{background:#eff6ff}.offline-pending-data pre{margin:0;padding:.75rem;font-size:.6875rem;color:#374151;background:#f3f4f6;overflow-x:auto;max-height:200px;border-top:1px solid #e5e7eb}.offline-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 1rem 1rem}.offline-modal-count{font-size:.875rem;color:#6b7280}.offline-modal-actions{display:flex;gap:.75rem}.offline-modal-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.offline-modal-btn.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.offline-modal-btn.secondary:hover{background:#e5e7eb}.offline-modal-btn.primary{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.offline-modal-btn.primary:hover{background:#2563eb}.offline-modal-btn.danger{background:#ef4444;border:1px solid #ef4444;color:#fff}.offline-modal-btn.danger:hover{background:#dc2626}@media(max-width:640px){.offline-indicator{padding:.375rem .75rem}.offline-indicator-content{gap:.5rem}.offline-indicator-text{font-size:.75rem}.offline-indicator-sync-btn span,.offline-indicator-success span{display:none}.offline-modal-content{max-height:90vh}.offline-modal-footer{flex-direction:column;gap:1rem}.offline-modal-actions{width:100%}.offline-modal-btn{flex:1;justify-content:center}}.front-office-page{display:flex;gap:1rem;padding:1rem;min-height:calc(100vh - 80px);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}@media(max-width:1400px){.front-office-page{gap:.75rem;padding:.75rem}.front-office-sidebar{width:240px;min-width:240px;max-width:240px}.fo-widgets-row{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media(max-width:1200px){.front-office-page{flex-direction:column;padding:.75rem;gap:.75rem}.front-office-sidebar{width:100%;max-width:100%;min-width:auto;position:relative;top:0}.front-office-content{width:100%;max-width:100%}.fo-widgets-row{grid-template-columns:repeat(4,1fr);gap:.75rem}.filter-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.status-section{margin-top:.75rem;padding-top:.75rem}.status-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.reservation-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}.front-office-sidebar{width:25%;min-width:280px;max-width:320px;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:.75rem;height:fit-content;position:sticky;top:1.5rem;flex-shrink:0}.sidebar-header{display:none}.mobile-filter-toggle{display:none;width:100%;padding:.75rem 1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;margin-bottom:.75rem;align-items:center;justify-content:space-between}.mobile-filter-toggle svg{transition:transform .2s ease}.mobile-filter-toggle.active svg{transform:rotate(180deg)}.sidebar-header h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.sidebar-header svg{color:#6b7280}.filter-section{display:flex;flex-direction:column;gap:.75rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.75rem;font-weight:500;color:#374151}.filter-row{display:flex;gap:.5rem}.filter-row .filter-group{flex:1}.date-input-wrapper{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#f9fafb;transition:all .2s ease}.date-input-wrapper.compact{padding:.375rem .5rem;gap:.25rem}.date-input-wrapper.compact input{font-size:.75rem}.date-input-wrapper:focus-within{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 2px #3b82f61a}.date-input-wrapper svg{color:#9ca3af;flex-shrink:0}.date-input-wrapper input{flex:1;border:none;background:transparent;font-size:.813rem;color:#374151;outline:none}.date-range{display:flex;flex-direction:column;gap:.375rem}.date-range .date-input-wrapper{width:100%}.date-separator{display:none}.filter-group select{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#f9fafb;font-size:.813rem;color:#374151;cursor:pointer;transition:all .2s ease}.filter-group select:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 2px #3b82f61a}.front-office-sidebar .searchable-select,.front-office-sidebar .search-input-wrapper{border:none!important;box-shadow:none!important;outline:none!important}.front-office-sidebar .search-input-wrapper{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none!important;border-radius:.375rem;background-color:#f9fafb;transition:all .2s ease}.front-office-sidebar .search-input-wrapper:hover{background-color:#f3f4f6}.front-office-sidebar .search-input-wrapper:focus-within{background-color:#e5e7eb}.front-office-sidebar .search-input-wrapper svg{color:#9ca3af;flex-shrink:0}.front-office-sidebar .search-input-wrapper input{flex:1;border:none!important;background:transparent;font-size:.813rem;color:#374151;outline:none!important;box-shadow:none!important}.front-office-sidebar .search-input-wrapper input:focus{border:none!important;outline:none!important;box-shadow:none!important}.dropdown-list{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a;max-height:200px;overflow-y:auto;z-index:100;margin-top:.25rem}.dropdown-item{padding:.5rem .75rem;font-size:.813rem;color:#374151;cursor:pointer;transition:background-color .15s ease}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item.selected{background-color:#eff6ff;color:#3b82f6}.status-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.status-section>label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:.75rem}.status-list{display:flex;flex-direction:column;gap:.375rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border:none;border-left:3px solid;border-radius:.375rem;background-color:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.status-item:hover{background-color:#f9fafb}.status-item.active{box-shadow:0 1px 3px #0000001a}.status-label{font-size:.813rem;font-weight:500;padding-left:5px}.status-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .375rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff}.clear-filters-btn{width:100%;margin-top:1.5rem;padding:.625rem 1rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff;font-size:.813rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background-color:#f9fafb;color:#374151}.front-office-content{flex:1;display:flex;flex-direction:column;gap:1.5rem;min-width:0;overflow:hidden}.fo-widgets-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%}.fo-widget{display:flex;flex-direction:column;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.fo-widget-main{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem}.fo-widget-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.75rem;flex-shrink:0}.fo-widget-icon.staying{background-color:#dbeafe;color:#3b82f6}.fo-widget-icon.arrivals{background-color:#dcfce7;color:#22c55e}.fo-widget-icon.departures{background-color:#fef3c7;color:#f59e0b}.fo-widget-icon.stayovers{background-color:#ede9fe;color:#8b5cf6}.fo-widget-info{flex:1}.fo-widget-info h3{font-size:.813rem;font-weight:500;color:#6b7280;margin:0 0 .375rem}.fo-widget-stats{display:flex;align-items:baseline;gap:.375rem}.fo-widget-value{font-size:1.75rem;font-weight:700;color:#1f2937;line-height:1}.fo-widget-label{font-size:.813rem;color:#9ca3af}.fo-widget-footer{padding:.625rem 1.25rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;font-size:.75rem;color:#6b7280}.reservation-list-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%;max-width:100%}.reservation-list-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.reservation-list-header h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.reservation-list-actions{display:flex;align-items:center;gap:.75rem}.reservation-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#f9fafb}.reservation-search svg{color:#9ca3af}.reservation-search input{border:none;background:transparent;font-size:.813rem;color:#374151;outline:none;width:200px}.reservation-search input::placeholder{color:#9ca3af}.reservation-table-container{overflow-x:auto;width:100%;max-width:100%}.reservation-table{width:100%;border-collapse:collapse}.reservation-table th,.reservation-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb;vertical-align:middle}.reservation-table th{background-color:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.reservation-table tbody tr:hover{background-color:#f9fafb}.reservation-table tbody tr:last-child td{border-bottom:none}.checkbox-col input[type=checkbox]{width:16px;height:16px;cursor:pointer}.agency-cell .agency-name{font-size:.813rem;font-weight:600;color:#1f2937}.agency-cell .agency-id{font-size:.688rem;color:#9ca3af;margin-top:.125rem}.guest-cell .guest-info{display:flex;align-items:center;gap:.75rem}.guest-avatar{width:36px;height:36px;border-radius:50%;background-color:#dbeafe;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.guest-details .guest-name{font-size:.813rem;font-weight:500;color:#1f2937}.guest-details .guest-nationality{font-size:.688rem;color:#6b7280;margin-top:.125rem}.nationality-flag{background-color:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:500}.room-no-cell{font-size:.875rem;font-weight:600;color:#3b82f6}.dates-cell .dates-info{display:flex;align-items:flex-start;gap:.5rem}.dates-cell svg{color:#9ca3af;margin-top:.125rem}.dates-stack{display:flex;flex-direction:column;gap:.125rem}.dates-stack span{font-size:.75rem;color:#374151}.room-type-cell .room-type-name{font-size:.75rem;font-weight:500;color:#1f2937}.room-type-cell .room-type-guests{font-size:.688rem;color:#6b7280;margin-top:.125rem}.concept-cell .concept-name{font-size:.75rem;font-weight:500;color:#1f2937}.concept-cell .concept-code{font-size:.688rem;color:#9ca3af;margin-top:.125rem}.total-cell .total-price{font-size:.875rem;font-weight:700;color:#1f2937}.total-cell .price-breakdown{font-size:.688rem;color:#6b7280;margin-top:.125rem}.room-status-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.688rem;font-weight:500}.actions-wrapper{display:flex;align-items:center;gap:.25rem;min-width:100px}.reservation-table td:last-child{min-width:110px}.actions-wrapper .action-btn,.reservation-table .action-btn,.hotel-action-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border:none!important;border-radius:.375rem!important;background-color:transparent!important;color:#1f2937!important;cursor:pointer!important;transition:all .15s ease!important}.actions-wrapper .action-btn:hover,.hotel-action-btn:hover{background-color:#f3f4f6;color:#374151}.actions-wrapper .action-btn.delete:hover,.hotel-action-btn.delete:hover{background-color:#fef2f2;color:#ef4444}.reservation-row{cursor:context-menu}.context-menu{position:fixed;z-index:1000;min-width:220px;max-width:calc(100vw - 20px);background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #00000026;padding:.375rem 0;max-height:80vh;overflow:visible}.context-menu.open-upward .context-submenu{top:auto;bottom:0}.context-menu-category{position:relative}.context-menu-category.active{z-index:10;background-color:#f9fafb}.context-menu-category-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.813rem;font-weight:500;color:#374151;cursor:pointer;transition:background-color .15s ease}.context-menu-category-header:hover,.context-menu-category.active .context-menu-category-header{background-color:#f3f4f6}.context-menu-category-header svg{color:#9ca3af}.category-label{display:flex;align-items:center;gap:.5rem}.category-label svg{color:#6b7280}.context-submenu{position:absolute;left:calc(100% + 2px);top:-1px;min-width:260px;max-width:calc(100vw - 240px);background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #00000026;padding:.375rem 0;max-height:none;overflow:visible;visibility:hidden;opacity:0;transition:opacity .15s ease,visibility .15s ease;z-index:1001}@media(max-width:576px){.context-menu{min-width:180px;max-width:200px;left:8px!important}.context-submenu{min-width:195px;max-width:215px;left:calc(100% + 2px)}.context-menu-category-header{padding:.5rem .75rem;font-size:.8125rem}.context-menu-category-header svg{width:14px;height:14px}.category-label{gap:.375rem}.category-label svg{width:14px;height:14px}.context-menu-item{padding:.5rem .75rem;font-size:.75rem;gap:.375rem}.context-menu-item svg{width:14px;height:14px}}.context-menu-category:hover .context-submenu{visibility:visible;opacity:1}.context-menu-category:hover .context-menu-category-header{background-color:#f3f4f6}.context-menu-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;color:#4b5563;cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.context-menu-item svg{color:#9ca3af;flex-shrink:0}.context-menu-item:hover{background-color:#f3f4f6;color:#374151}.context-menu-item:hover svg{color:#6b7280}.context-menu-category+.context-menu-category{border-top:1px solid #e5e7eb}.content-header{display:flex;justify-content:space-between;align-items:center}.currency-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem}.currency-code{font-size:.75rem;font-weight:600;color:#6b7280}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid #e5e7eb;background:#f9fafb}.pagination-info{font-size:.813rem;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:.25rem}.pagination-btn{min-width:32px;height:32px;padding:0 .5rem;border:1px solid #e5e7eb;background:#fff;border-radius:.375rem;font-size:.813rem;color:#374151;cursor:pointer;transition:all .15s ease}.pagination-btn.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.pagination-ellipsis{padding:0 .25rem;color:#9ca3af}.currency-value{font-size:.875rem;font-weight:600;color:#1f2937}.modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px #00000040;width:100%;max-width:480px;overflow:hidden}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-body p{font-size:.938rem;color:#374151;margin:0 0 1.25rem;line-height:1.6}.modal-reservation-details{background-color:#f9fafb;border-radius:.5rem;padding:1rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.detail-label{font-size:.813rem;color:#6b7280}.detail-value{font-size:.813rem;font-weight:500;color:#1f2937}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.modal-btn{padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.modal-btn.cancel{background-color:#fff;border:1px solid #e5e7eb;color:#6b7280}.modal-btn.cancel:hover{background-color:#f3f4f6;color:#374151}.modal-btn.confirm{background-color:#1f2937;border:none;color:#fff}.modal-btn.confirm:hover{background-color:#374151}.toast-notification{position:fixed;bottom:24px;right:24px;z-index:3000;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:.5rem;box-shadow:0 4px 12px #0000001a}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#10b981;color:#fff;border-radius:50%;font-size:.75rem;font-weight:600}.toast-message{font-size:.875rem;font-weight:500;color:#065f46}.cancel-modal .modal-header.cancel-header{background-color:#fef2f2;border-bottom:1px solid #fecaca}.cancel-modal .modal-header h3{color:#dc2626}.cancel-warning{font-size:.938rem;color:#dc2626;font-weight:500;margin:0 0 1rem}.cancel-confirm-text{font-size:.875rem;color:#6b7280;margin:1rem 0 0;font-style:italic}.modal-btn.danger{background-color:#dc2626;border:none;color:#fff}.modal-btn.danger:hover{background-color:#b91c1c}.empty-rooms-modal{max-width:800px}.empty-rooms-info{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.empty-rooms-table-wrapper{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem}.empty-rooms-table{width:100%;border-collapse:collapse;font-size:.813rem}.empty-rooms-table thead{position:sticky;top:0;background-color:#f9fafb;z-index:1}.empty-rooms-table th{padding:.75rem .5rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.empty-rooms-table td{padding:.75rem .5rem;color:#4b5563;border-bottom:1px solid #f3f4f6}.empty-rooms-table tbody tr:hover{background-color:#f9fafb}.empty-rooms-table .room-no-cell{font-weight:600;color:#3b82f6}.select-room-btn{padding:.375rem .75rem;background-color:#1f2937;color:#fff;border:none;border-radius:.25rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.select-room-btn:hover{background-color:#374151}.folio-lock-modal{max-width:420px;text-align:center}.folio-lock-modal .modal-header.lock-header{background-color:#fef3c7;border-bottom:1px solid #fcd34d}.folio-lock-modal .modal-header.lock-header h3{color:#92400e}.folio-lock-modal .modal-header.unlock-header{background-color:#ecfdf5;border-bottom:1px solid #a7f3d0}.folio-lock-modal .modal-header.unlock-header h3{color:#065f46}.folio-lock-icon{font-size:3rem;margin-bottom:1rem}.folio-lock-message{font-size:.938rem;color:#374151;margin:0 0 .5rem}.folio-lock-question{font-size:.875rem;color:#6b7280;margin:0}.room-change-modal{max-width:1100px;width:95%}.room-change-info{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.room-change-actions{margin-bottom:1rem}.create-plan-btn{padding:.5rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;font-size:.813rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.create-plan-btn:hover{background-color:#374151}.room-change-table-wrapper{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem}.room-change-table{width:100%;border-collapse:collapse;font-size:.813rem}.room-change-table thead{position:sticky;top:0;background-color:#f9fafb;z-index:1}.room-change-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.room-change-table td{padding:.75rem 1rem;color:#4b5563;border-bottom:1px solid #f3f4f6;white-space:nowrap}.room-change-table tbody tr:hover{background-color:#f9fafb}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.688rem;font-weight:500}.status-badge.beklemede{background-color:#fef3c7;color:#92400e}.status-badge.onaylandi{background-color:#dbeafe;color:#1e40af}.status-badge.tamamlandi{background-color:#dcfce7;color:#166534}.status-badge.iptal{background-color:#fee2e2;color:#dc2626}.action-btn-small{padding:.25rem;background:none;border:none;color:#1f2937;cursor:pointer;border-radius:.25rem;transition:all .15s ease}.action-btn-small:hover{background-color:#f3f4f6;color:#374151}.action-btn-small.delete:hover{background-color:#fee2e2;color:#dc2626}.inner-modal-overlay{z-index:2100}.create-plan-modal{max-width:500px}.form-group label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:.375rem}.form-input,.form-select{width:100%;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#1f2937;background-color:#fff;transition:border-color .15s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-row .form-group{flex:1}.search-select-input{width:100%;cursor:text}.search-select-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 .375rem .375rem;box-shadow:0 4px 12px #00000026;z-index:10000}.search-select-option{padding:.625rem .75rem;font-size:.875rem;color:#374151;cursor:pointer;transition:background-color .15s ease}.search-select-option:hover{background-color:#f3f4f6}.wake-up-modal{max-width:500px}.wake-up-info{font-size:.875rem;color:#6b7280;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.form-textarea{width:100%;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#1f2937;background-color:#fff;resize:vertical;font-family:inherit;transition:border-color .15s ease}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.room-info-modal{max-width:550px}.room-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.room-info-item{display:flex;flex-direction:column;gap:.25rem}.room-info-item.full-width{grid-column:1 / -1}.room-info-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.room-info-value{font-size:.938rem;color:#1f2937;font-weight:500}.room-info-value.highlight{color:#3b82f6;font-size:1.25rem;font-weight:600}.room-status-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.room-status-badge.temiz{background-color:#dcfce7;color:#166534}.room-status-badge.kirli{background-color:#fee2e2;color:#dc2626}.room-status-badge.clean{background-color:#dcfce7;color:#166534}.room-status-badge.dirty{background-color:#fee2e2;color:#dc2626}.room-features-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.feature-tag{display:inline-block;padding:.375rem .75rem;background-color:#f3f4f6;color:#374151;border-radius:9999px;font-size:.75rem;font-weight:500}.assign-room-modal{max-width:600px}.assign-room-info{font-size:.875rem;color:#6b7280;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.assigned-history-section{margin-bottom:1.5rem}.assigned-history-section h4,.new-assignment-section h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.assigned-history-table-wrapper{max-height:150px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.375rem}.assigned-history-table{width:100%;border-collapse:collapse;font-size:.813rem}.assigned-history-table thead{position:sticky;top:0;background-color:#f9fafb}.assigned-history-table th{padding:.5rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.assigned-history-table td{padding:.5rem;color:#4b5563;border-bottom:1px solid #f3f4f6}.status-badge.aktif{background-color:#dcfce7;color:#166534}.status-badge.geçmiş,.status-badge.gecmis{background-color:#f3f4f6;color:#6b7280}.new-assignment-section{padding-top:.5rem}.room-option-no{font-weight:600;color:#1f2937;margin-right:.5rem}.room-option-details{font-size:.75rem;color:#6b7280}.search-select-option{display:flex;align-items:center;gap:.5rem}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.copy-reservation-modal{max-width:550px}.copy-reservation-info{font-size:.875rem;color:#6b7280;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.copy-reservation-original{margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem}.copy-reservation-original h4,.copy-reservation-new h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.original-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.original-info-item{display:flex;flex-direction:column;gap:.25rem}.original-info-item .label{font-size:.75rem;color:#6b7280}.original-info-item .value{font-size:.875rem;font-weight:500;color:#1f2937}.copy-reservation-new{padding-top:.5rem}.deposit-modal{max-width:800px}.deposit-info{font-size:.875rem;color:#6b7280;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.deposit-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.add-deposit-btn{padding:.5rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;font-size:.813rem;font-weight:500;cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.add-deposit-btn:hover{background-color:#374151}.deposit-search{flex:1;max-width:250px}.deposit-search .form-input{width:100%}.deposit-table-wrapper{max-height:250px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem}.deposit-table{width:100%;border-collapse:collapse;font-size:.813rem}.deposit-table thead{position:sticky;top:0;background-color:#f9fafb;z-index:1}.deposit-table th{padding:.75rem .5rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.deposit-table td{padding:.75rem .5rem;color:#4b5563;border-bottom:1px solid #f3f4f6}.deposit-table tbody tr:hover{background-color:#f9fafb}.amount-cell{font-weight:600;color:#1f2937}.status-badge.iade{background-color:#dbeafe;color:#1e40af}.add-deposit-modal{max-width:500px}.slide-panel-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;overflow:hidden}.slide-panel-overlay~*{overflow:hidden}.slide-panel{position:fixed;top:0;right:0;width:50%;height:100vh;background-color:#eef2f7;box-shadow:-4px 0 20px #00000026;z-index:9999;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.reservation-tabs{display:flex;gap:0;padding:0 1.5rem;background-color:#fff;border-bottom:1px solid #e5e7eb}.reservation-tab{padding:.875rem 1.5rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.reservation-tab:hover{color:#374151;background-color:#f9fafb}.reservation-tab.active{color:#1f2937;border-bottom-color:#1f2937}.toggle-switches-row{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap;align-items:center}.toggle-switch-item{display:flex;align-items:center;gap:.5rem}.toggle-label{font-size:.875rem;color:#374151}.toggle-switch-item input[type=checkbox]{width:40px;height:20px;accent-color:#1f2937;cursor:pointer}.pricing-select{position:relative;z-index:1}.pricing-select.active{z-index:100}.pricing-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #00000026;max-height:200px;overflow-y:auto;margin-top:4px}.pricing-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.pricing-form-grid .form-group{position:relative;width:100%;z-index:1}.pricing-form-grid .form-group:has(.pricing-select.active){z-index:100}@media(max-width:900px){.slide-panel,.slide-panel.wide-panel{width:100%!important}.pricing-form-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.slide-panel-content{padding:1rem}.form-row{flex-direction:column;gap:.75rem}.form-row .form-group{width:100%}}@media(max-width:768px){.pricing-form-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.slide-panel-header{padding:1rem}.slide-panel-header h2{font-size:1.125rem}.slide-panel-footer{padding:1rem}.toggle-switches-row{flex-wrap:wrap;gap:.75rem}.toggle-switch-item{flex:1 1 auto;min-width:120px}}@media(max-width:576px){.pricing-form-grid{grid-template-columns:1fr;gap:.75rem}.toggle-switches-row{flex-direction:column;gap:.75rem}.toggle-switch-item{width:100%}.slide-panel-content{padding:.75rem}.slide-panel-header{padding:.75rem 1rem}.slide-panel-header h2{font-size:1rem}.slide-panel-footer{padding:.75rem 1rem;flex-wrap:wrap}.slide-panel-footer button{flex:1;min-width:80px}.reservation-tabs{padding:0 .75rem;overflow-x:auto}.reservation-tab{padding:.75rem 1rem;font-size:.8125rem;white-space:nowrap}}.slide-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background-color:#fff;border-bottom:1px solid #e5e7eb}.slide-panel-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.slide-panel-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;border-radius:.375rem;transition:all .15s ease}.slide-panel-close:hover{background-color:#f3f4f6;color:#1f2937}.slide-panel-content{flex:1;overflow-y:auto;padding:1.5rem;overscroll-behavior:contain}.slide-panel-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background-color:#fff;border-top:1px solid #e5e7eb}.reservation-card{background-color:#fff;border-radius:.5rem;padding:1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.card-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.radio-group{display:flex;flex-direction:row;gap:1rem}.radio-group.horizontal{flex-direction:row;gap:1rem}.radio-card{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:1rem 1.25rem;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.slide-panel .radio-group{display:flex;flex-direction:row;gap:1rem}.slide-panel .radio-card{flex:1;display:flex;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:.75rem!important}.slide-panel .radio-card span{flex:none!important;text-align:left!important}.slide-panel .radio-card input[type=radio]{flex-shrink:0!important;margin:0!important}.radio-card span{font-size:.875rem;font-weight:500;color:#374151;text-align:left;flex:none}.radio-card.selected span{color:#1e40af}.radio-card:hover{border-color:#cbd5e1;background-color:#f1f5f9}.radio-card.selected{background-color:#eff6ff;border-color:#3b82f6}.radio-card.disabled{opacity:.5;cursor:not-allowed}.radio-card.disabled:hover{border-color:#e2e8f0;background-color:#f8fafc}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151;font-weight:500}.radio-label.disabled{opacity:.5;cursor:not-allowed}.radio-label input[type=radio]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.radio-label.disabled input[type=radio]{cursor:not-allowed}.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.basic-info-row{display:flex;gap:1rem;align-items:flex-end}.booking-type-col{width:23%;flex-shrink:0}.agency-guest-col{width:46%;flex:1;margin-bottom:0}.form-label-uppercase{display:block;margin-bottom:.5rem;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase}.form-label-hidden{visibility:hidden}.radio-card-compact{height:42px;padding:0 1rem}.input-compact{height:42px}.slide-panel.wide-panel{width:70%;z-index:10000}.new-guest-layout{display:flex;flex:1;overflow:hidden;min-height:0}.new-guest-sidebar{width:33%;min-width:300px;padding:1.5rem;overflow-y:auto;background-color:#f1f5f9;border-right:1px solid #e2e8f0}.new-guest-content{width:67%;flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#eef2f7;min-height:0}.guest-tabs{display:flex;gap:0;background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 1.5rem}.guest-tab{padding:1rem 1.5rem;background:none;border:none;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.guest-tab:hover{color:#374151}.guest-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.guest-tab-content{flex:1;overflow-y:auto;padding:1.5rem;background-color:#eef2f7}.analytics-content{display:flex;flex-direction:column;gap:1.5rem}.widgets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.widget-card{background-color:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a;text-align:center}.widget-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.widget-title{font-size:.75rem;font-weight:600;color:#374151;margin-bottom:.25rem}.widget-desc{font-size:.625rem;color:#9ca3af}.analytics-bottom-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.scan-card,.documents-card{display:flex;flex-direction:column}.card-description{font-size:.813rem;color:#6b7280;margin-bottom:1rem;line-height:1.5}.scan-btn,.view-docs-btn{padding:.625rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;font-size:.813rem;font-weight:500;cursor:pointer;transition:background-color .15s ease;margin-top:auto}.scan-btn:hover,.view-docs-btn:hover{background-color:#374151}.total-docs{font-size:.75rem;color:#6b7280;margin-top:.75rem}.address-card{margin-top:0}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.checkbox-group{display:flex;gap:1.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.813rem;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.verification-toggles{display:flex;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.toggle-label{display:flex;align-items:center;gap:.75rem;font-size:.813rem;color:#374151;cursor:pointer}.toggle-input{position:relative;width:40px;height:20px;appearance:none;background-color:#d1d5db;border-radius:9999px;cursor:pointer;transition:background-color .2s ease}.toggle-input:checked{background-color:#3b82f6}.toggle-input:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.toggle-input:checked:before{transform:translate(20px)}.empty-tab-message{text-align:center;color:#6b7280;padding:3rem;font-size:.875rem}.content-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.add-reservation-btn{padding:.625rem 1.25rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-reservation-btn:hover{background-color:#2563eb}.reservations-table-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.reservations-table th,.reservations-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.reservations-table th{background-color:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.reservations-table td{font-size:.875rem;color:#374151}.reservations-table tbody tr:last-child td{border-bottom:none}.guest-name{font-weight:500;color:#1f2937}.room-no{font-weight:600;color:#3b82f6}.status-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}@media(max-width:1024px){.front-office-page{flex-direction:column}.front-office-sidebar{width:100%;max-width:none;position:static}.status-buttons{flex-wrap:wrap}}@media(max-width:768px){.reservations-table-container{overflow-x:auto}.reservations-table{min-width:800px}}.modal-overlay-blur{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100}.update-status-modal{background:#fff;border-radius:12px;width:480px;max-width:90vw;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalSlideIn .2s ease-out}.update-status-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.update-status-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.update-status-modal .modal-close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;line-height:1;padding:0;transition:color .15s ease}.update-status-modal .modal-close-btn:hover{color:#1f2937}.update-status-modal .modal-content{padding:1.5rem}.reservation-info-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.reservation-info-summary p{margin:0 0 .5rem;font-size:.875rem;color:#4b5563}.reservation-info-summary p:last-child{margin-bottom:0}.reservation-info-summary strong{color:#1f2937}.status-selection label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.status-options{display:flex;flex-wrap:wrap;gap:.5rem}.status-option-btn{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.813rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .15s ease}.status-option-btn:hover{border-color:#d1d5db;background:#f9fafb}.status-option-btn.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.update-status-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.update-status-modal .btn-cancel{padding:.625rem 1.25rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:.875rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .15s ease}.update-status-modal .btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.update-status-modal .btn-save{padding:.625rem 1.25rem;border:none;border-radius:8px;background:#1a1a1a;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.update-status-modal .btn-save:hover:not(:disabled){background:#333}.update-status-modal .btn-save:disabled{opacity:.5;cursor:not-allowed}.notification{position:fixed;bottom:1.5rem;right:1.5rem;padding:1rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;z-index:1200;animation:notificationSlideIn .3s ease-out;box-shadow:0 10px 25px #00000026}.notification.success{background:#10b981;color:#fff}.notification.error{background:#ef4444;color:#fff}.notes-modal{background:#fff;border-radius:12px;width:700px;max-width:90vw;max-height:80vh;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalSlideIn .2s ease-out;display:flex;flex-direction:column}.notes-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.notes-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.notes-modal .modal-content{padding:1.5rem;overflow-y:auto;flex:1}.notes-toolbar{margin-bottom:1rem}.add-note-btn{padding:.625rem 1.25rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.add-note-btn:hover{background:#333}.notes-table-container{overflow-x:auto}.notes-table th,.notes-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.notes-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.813rem}.notes-table td{color:#4b5563}.notes-table tbody tr:hover{background:#f9fafb}.note-type-badge{display:inline-block;padding:.25rem .625rem;background:#e5e7eb;border-radius:9999px;font-size:.75rem;font-weight:500;color:#374151}.delete-note-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;opacity:.6;transition:opacity .15s ease}.delete-note-btn:hover{opacity:1}.notes-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.add-note-modal{background:#fff;border-radius:12px;width:480px;max-width:90vw;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalSlideIn .2s ease-out}.add-note-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.add-note-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.add-note-modal .modal-content{padding:1.5rem}.add-note-modal .form-group{margin-bottom:1rem}.add-note-modal .form-group:last-child{margin-bottom:0}.add-note-modal .form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.add-note-modal .form-select{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1f2937;background:#fff;cursor:pointer}.add-note-modal .form-select:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a}.add-note-modal .form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1f2937;resize:vertical;min-height:100px;font-family:inherit}.add-note-modal .form-textarea:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a}.add-note-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.add-note-modal .btn-cancel{padding:.625rem 1.25rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:.875rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .15s ease}.add-note-modal .btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.add-note-modal .btn-save{padding:.625rem 1.25rem;border:none;border-radius:8px;background:#1a1a1a;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.add-note-modal .btn-save:hover:not(:disabled){background:#333}.add-note-modal .btn-save:disabled{opacity:.5;cursor:not-allowed}.scanned-docs-modal{background:#fff;border-radius:12px;width:800px;max-width:90vw;max-height:80vh;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalSlideIn .2s ease-out;display:flex;flex-direction:column}.scanned-docs-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.scanned-docs-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.scanned-docs-modal .modal-content{padding:1.5rem;overflow-y:auto;flex:1}.upload-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.upload-row{display:flex;gap:1rem;align-items:flex-end}.upload-section .form-group{margin-bottom:0}.upload-section .form-group label{display:block;font-size:.813rem;font-weight:600;color:#374151;margin-bottom:.5rem}.upload-section .form-select{width:100%;padding:.625rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#1f2937;background:#fff}.file-input{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#fff}.file-input:disabled{opacity:.5;cursor:not-allowed}.docs-table-container{overflow-x:auto}.docs-table{width:100%;border-collapse:collapse;font-size:.875rem}.docs-table th,.docs-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.docs-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.813rem}.docs-table td{color:#4b5563}.docs-table tbody tr:hover{background:#f9fafb}.doc-type-badge{display:inline-block;padding:.25rem .625rem;background:#e5e7eb;border-radius:9999px;font-size:.75rem;font-weight:500;color:#374151}.doc-actions{display:flex;gap:.5rem}.doc-action-btn{background:none;border:none;cursor:pointer;padding:.375rem;color:#1a1a1a;transition:opacity .15s ease}.doc-action-btn:hover{opacity:.7}.scanned-docs-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.view-doc-modal{background:#fff;border-radius:12px;width:600px;max-width:90vw;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalSlideIn .2s ease-out}.view-doc-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.view-doc-modal .modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937;word-break:break-all}.view-doc-modal .modal-content{padding:1.5rem}.doc-preview{min-height:300px;display:flex;align-items:center;justify-content:center}.doc-preview-placeholder{text-align:center;color:#6b7280}.doc-preview-placeholder p{margin:1rem 0 0;font-size:.938rem;font-weight:500}.doc-info{margin-top:1.5rem;text-align:left;background:#f9fafb;padding:1rem;border-radius:8px}.doc-info p{margin:.5rem 0;font-size:.875rem;color:#4b5563}.doc-info strong{color:#1f2937}.view-doc-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.delete-confirm-modal{background:#fff;border-radius:12px;width:420px;max-width:90vw;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalSlideIn .2s ease-out}.delete-confirm-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.delete-confirm-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.delete-confirm-modal .modal-content{padding:1.5rem}.delete-warning{text-align:center}.delete-message{margin:1rem 0 .5rem;font-size:.938rem;color:#4b5563}.delete-doc-name{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1f2937;word-break:break-all}.delete-warning-text{margin:0;font-size:.813rem;color:#ef4444;font-weight:500}.delete-confirm-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-delete{padding:.625rem 1.25rem;border:none;border-radius:8px;background:#ef4444;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.btn-delete:hover{background:#dc2626}@media(max-width:1024px){.slide-panel{width:70%}.slide-panel.wide-panel{width:85%}.reservation-card{padding:1rem}.card-title{font-size:.813rem}.radio-card{padding:.75rem 1rem}.radio-card span{font-size:.813rem}.form-row{flex-direction:column;gap:.75rem}.form-row .form-group{flex:1 1 100%!important;max-width:100%!important}.radio-group-row{flex-wrap:wrap!important}.radio-group-row .radio-card{flex:1 1 45%!important;max-width:48%!important}.radio-group-row .search-select-container{flex:1 1 100%!important;max-width:100%!important;margin-left:0!important;margin-top:.75rem}}@media(max-width:767px){.slide-panel,.slide-panel.wide-panel{width:100%}.slide-panel-header{padding:1rem}.slide-panel-header h2{font-size:1rem}.slide-panel-content,.slide-panel-footer{padding:1rem}.reservation-card{padding:.875rem;margin-bottom:.75rem}.card-title{font-size:.75rem;margin-bottom:.75rem;padding-bottom:.5rem}.radio-group{flex-direction:column;gap:.5rem}.slide-panel .radio-group{flex-direction:column!important;gap:0!important}.slide-panel .radio-card{flex:1 1 100%!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;margin-top:0!important}.basic-info-row{flex-direction:column!important;gap:.5rem!important}.booking-type-col{width:100%!important}.agency-guest-col{width:100%!important;margin-top:.5rem}.form-label-hidden{display:none!important}.radio-card-compact{height:auto;padding:.625rem .875rem}.reservation-card>div[style]>div[style]>label{display:none!important}.reservation-card>div[style]>div[style]:first-child>label{display:block!important}.radio-group-row{flex-direction:column!important;gap:.5rem!important}.radio-group-row .radio-card{flex:1 1 100%!important;max-width:100%!important}.radio-group-row .search-select-container{flex:1 1 100%!important;max-width:100%!important;margin-left:0!important;margin-top:.5rem}.reservation-card>div[style*="display: flex"]{flex-direction:column!important;gap:0!important}.reservation-card>div[style*="display: flex"]>div[style*=width]{width:100%!important;flex:1 1 100%!important}.reservation-card .form-group[style*=width]{width:100%!important;flex:1 1 100%!important}.form-row,.date-time-row{flex-direction:column!important;gap:.75rem!important}.form-row>.form-group,.date-time-row>.form-group{flex:1 1 100%!important;width:100%!important}.radio-card{padding:.625rem .875rem}.radio-card span,.form-group label{font-size:.75rem}.form-input,.form-select{font-size:.813rem;padding:.5rem .75rem}.search-select-input{font-size:.813rem}.search-select-dropdown{max-height:150px}.search-select-option{padding:.5rem .75rem;font-size:.75rem}.search-select-container{width:100%!important}.slide-panel-footer .btn-secondary,.slide-panel-footer .btn-primary{padding:.5rem 1rem;font-size:.813rem}}@media(max-width:480px){.slide-panel-header{padding:.75rem}.slide-panel-header h2{font-size:.875rem}.slide-panel-content{padding:.75rem}.slide-panel-footer{padding:.75rem;gap:.5rem}.reservation-card{padding:.75rem;margin-bottom:.5rem;border-radius:.375rem}.card-title{font-size:.688rem}.reservation-card>div[style]{flex-direction:column!important;gap:.5rem!important}.reservation-card>div[style]>div[style]{width:100%!important;flex:1 1 100%!important}.radio-card{padding:.5rem .75rem;gap:.5rem;width:100%!important}.radio-card span{font-size:.688rem}.radio-card input[type=radio]{width:14px;height:14px}.form-group{margin-bottom:.5rem;width:100%!important}.form-group label{font-size:.688rem;margin-bottom:.25rem}.form-input,.form-select{font-size:.75rem;padding:.5rem .625rem;border-radius:.375rem;width:100%!important;box-sizing:border-box!important}.search-select-container{width:100%!important}.search-select-container input{width:100%!important;box-sizing:border-box!important}.slide-panel-footer .btn-secondary,.slide-panel-footer .btn-primary{padding:.5rem .875rem;font-size:.75rem;flex:1}}.guest-modal-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99998}.guest-modal-panel{position:fixed;top:0;right:0;width:70%;height:100vh;background-color:#fff;z-index:99999;box-shadow:-4px 0 20px #0000004d;display:flex;flex-direction:column}.guest-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background-color:#fff;flex-shrink:0}.guest-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.guest-modal-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280}.guest-modal-body{flex:1;display:flex;overflow:hidden}.guest-modal-sidebar{width:33%;padding:20px;background-color:#f1f5f9;overflow-y:auto;border-right:1px solid #e2e8f0;flex-shrink:0}.guest-modal-content{width:67%;display:flex;flex-direction:column;overflow:hidden;background-color:#eef2f7}.guest-modal-tabs{display:flex;background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;flex-shrink:0}.guest-modal-tabs button{padding:16px 24px;background:none;border:none;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;color:#6b7280;transition:all .2s ease}.guest-modal-tabs button:hover{color:#3b82f6}.guest-modal-tabs button.active{border-bottom-color:#3b82f6;color:#3b82f6}.guest-modal-tab-content{flex:1;overflow-y:auto;padding:20px;position:relative}.guest-sidebar-card{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.guest-sidebar-card:last-child{margin-bottom:0}.guest-sidebar-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.guest-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guest-checkbox-row{display:flex;gap:24px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.guest-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.813rem;color:#374151;cursor:pointer}.guest-checkbox-label input[type=checkbox]{width:16px;height:16px}@media(max-width:1024px){.guest-modal-panel{width:85%}.guest-modal-sidebar{width:40%;padding:16px}.guest-modal-content{width:60%}.guest-modal-tabs{padding:0 16px}.guest-modal-tabs button{padding:12px 16px;font-size:.813rem}.guest-modal-tab-content{padding:16px}}@media(max-width:767px){.guest-modal-panel{width:100%;height:100%;max-height:100vh}.guest-modal-header{padding:12px 16px}.guest-modal-header h2{font-size:1rem}.guest-modal-body{flex-direction:column;overflow-y:auto}.guest-modal-sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid #e2e8f0;overflow-y:auto;flex-shrink:0}.guest-modal-content{width:100%;flex:1;min-height:0}.guest-modal-tabs{padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.guest-modal-tabs::-webkit-scrollbar{display:none}.guest-modal-tabs button{padding:10px 12px;font-size:.75rem;white-space:nowrap;flex-shrink:0}.guest-modal-tab-content{padding:12px;overflow-y:auto}.guest-form-grid{grid-template-columns:1fr;gap:10px}.guest-sidebar-card{padding:12px;margin-bottom:12px}.guest-sidebar-title{font-size:.813rem;margin-bottom:12px;padding-bottom:10px}.guest-checkbox-row{flex-direction:column;gap:10px}.guest-modal-tab-content>div:first-child{grid-template-columns:repeat(2,1fr)!important}.guest-modal-tab-content>div[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){.guest-modal-panel{width:100%;height:100%;max-height:100vh}.guest-modal-header{padding:10px 12px}.guest-modal-header h2{font-size:.875rem}.guest-modal-close-btn{font-size:20px;padding:4px}.guest-modal-sidebar{padding:10px;max-height:35vh}.guest-modal-tabs{padding:0 8px}.guest-modal-tabs button{padding:8px 10px;font-size:.688rem}.guest-modal-tab-content{padding:10px}.guest-sidebar-card{padding:10px;margin-bottom:10px}.guest-sidebar-title{font-size:.75rem;margin-bottom:10px;padding-bottom:8px}.guest-form-grid{gap:8px}.guest-checkbox-label{font-size:.75rem}.guest-modal-tab-content>div:first-child{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.guest-modal-tab-content>div:first-child>div{padding:12px!important}.guest-modal-tab-content>div:first-child>div>div:first-child{font-size:1.25rem!important}.guest-modal-tab-content>div[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.guest-modal-tab-content>div>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media(max-width:1400px){.fo-widgets-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){.front-office-page{padding:1rem;gap:1rem}.front-office-sidebar{width:260px;min-width:240px;max-width:280px}.fo-widget-main{padding:.875rem 1rem}.fo-widget-icon{width:40px;height:40px}.fo-widget-value{font-size:1.5rem}.reservation-search input{width:160px}}@media(max-width:1024px){.front-office-page{flex-direction:column;padding:1rem;gap:1rem}.front-office-sidebar{width:100%;max-width:100%;min-width:auto;position:relative;top:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid #e5e7eb}.filter-section{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.filter-row{grid-column:span 2}.status-section{margin-top:0;padding-top:0;border-top:none;grid-column:span 1}.status-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.clear-filters-btn{grid-column:span 3;margin-top:.5rem}.fo-widgets-row{grid-template-columns:repeat(4,1fr);gap:.75rem}.reservation-list-header{flex-wrap:wrap;gap:.75rem}.reservation-list-actions{width:100%;justify-content:space-between}.reservation-search{flex:1}.reservation-search input{width:100%}.slide-panel{width:80%}}@media(max-width:768px){.front-office-page{padding:.75rem;gap:.75rem}.front-office-sidebar{padding:.75rem}.mobile-filter-toggle{display:flex}.front-office-sidebar.collapsed .filter-section,.front-office-sidebar.collapsed .status-section,.front-office-sidebar.collapsed .clear-filters-btn{display:none}.slide-panel{width:90%}.filter-section{grid-template-columns:repeat(2,1fr)}.filter-row,.status-section{grid-column:span 2}.status-list{grid-template-columns:repeat(3,1fr)}.clear-filters-btn{grid-column:span 2}.content-header{flex-direction:column;align-items:flex-start;gap:.75rem}.currency-rates{display:flex;gap:.375rem;flex-wrap:nowrap;width:100%}.currency-item{flex:1;padding:.25rem .5rem;font-size:.6875rem;min-width:0}.currency-item svg{width:12px;height:12px}.currency-code{font-size:.625rem}.currency-value{font-size:.6875rem}.fo-widgets-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.fo-widget{min-width:unset}.fo-widget-main{padding:.625rem;gap:.5rem}.fo-widget-icon{width:36px;height:36px}.fo-widget-icon svg{width:20px;height:20px}.fo-widget-info h3{font-size:.6875rem}.fo-widget-value{font-size:1.25rem}.fo-widget-label{font-size:.6875rem}.fo-widget-footer{padding:.375rem .625rem;font-size:.6875rem}.reservation-list-card{border-radius:.5rem}.reservation-list-header{padding:.75rem 1rem}.reservation-list-header h3{font-size:.875rem}.reservation-table th,.reservation-table td{padding:.625rem .75rem;font-size:.75rem}.reservation-table th:nth-child(7),.reservation-table td:nth-child(7),.reservation-table th:nth-child(8),.reservation-table td:nth-child(8){display:none}}@media(max-width:576px){.front-office-page{padding:.5rem;gap:.5rem}.front-office-sidebar{padding:.5rem}.filter-section{grid-template-columns:1fr}.filter-row{grid-column:span 1;flex-direction:column}.status-section{grid-column:span 1}.status-list{grid-template-columns:repeat(2,1fr)}.clear-filters-btn{grid-column:span 1}.fo-widgets-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.fo-widget-main{padding:.75rem;gap:.5rem}.fo-widget-icon{width:40px;height:40px}.fo-widget-value{font-size:1.25rem}.fo-widget-footer{padding:.5rem .75rem;font-size:.6875rem}.reservation-list-header{padding:.625rem .75rem;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.reservation-list-header h3{font-size:.813rem;flex:1}.reservation-list-actions{flex-direction:row;gap:.5rem;flex-shrink:0}.reservation-search{display:none}.add-reservation-btn{padding:.5rem .75rem;font-size:.75rem}.add-reservation-btn span{display:none}.slide-panel{width:100%}.reservation-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.reservation-table{min-width:600px}.reservation-table th,.reservation-table td{padding:.5rem .625rem;font-size:.688rem}.reservation-table th:nth-child(5),.reservation-table td:nth-child(5),.reservation-table th:nth-child(6),.reservation-table td:nth-child(6),.reservation-table th:nth-child(7),.reservation-table td:nth-child(7),.reservation-table th:nth-child(8),.reservation-table td:nth-child(8){display:none}.pagination-container{flex-direction:column;gap:.75rem;padding:.75rem}.pagination-controls{flex-wrap:wrap;justify-content:center}}@media(max-width:400px){.front-office-page,.front-office-sidebar{padding:.375rem}.status-list{grid-template-columns:1fr}.status-item{padding:.375rem .5rem}.status-label{font-size:.75rem}.fo-widget-footer{padding:.375rem .5rem}.reservation-list-header h3{font-size:.75rem}}.context-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.context-modal-content{background-color:#fff;border-radius:12px;width:500px;max-width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.context-modal-wide{width:700px}.context-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.context-modal-header-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.context-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.context-modal-add-btn{padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer}.context-modal-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;flex-shrink:0}.context-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto;flex:1}.context-modal-empty{text-align:center;padding:40px;color:#6b7280}.context-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.context-modal-close-action-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.notes-table-container{width:100%}.notes-table{width:100%;border-collapse:collapse;font-size:.875rem}.notes-table-th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.notes-table-th-id{width:60px}.notes-table-th-actions{width:100px}.notes-table-row{border-bottom:1px solid #e5e7eb}.notes-table-td{padding:12px;color:#4b5563}.notes-table-td-id{color:#4b5563}.notes-table-td-text{max-width:300px;word-break:break-word}.note-type-badge{display:inline-block;padding:4px 10px;background-color:#e5e7eb;border-radius:9999px;font-size:.75rem;font-weight:500;color:#374151}.notes-table-actions{display:flex;gap:8px}.notes-action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#1a1a1a}.notes-action-btn:hover{color:#4b5563}.notes-cards-mobile{display:none}.note-card-mobile{background-color:#f9fafb;border-radius:8px;padding:12px;margin-bottom:12px}.note-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-card-text{margin:0;color:#4b5563;font-size:.875rem;line-height:1.5}@media(max-width:768px){.context-modal-content{width:95%;max-width:500px}.context-modal-wide{width:95%;max-width:600px}.context-modal-header{padding:16px 20px}.context-modal-header-left{gap:12px}.context-modal-title{font-size:1rem}.context-modal-add-btn{padding:6px 12px;font-size:.75rem}.context-modal-body{padding:16px}.context-modal-footer{padding:12px 16px}.notes-table-th,.notes-table-td{padding:10px 8px;font-size:.813rem}.notes-table-th-id,.notes-table-td-id{display:none}}@media(max-width:480px){.context-modal-overlay{padding:0;align-items:flex-end}.context-modal-content,.context-modal-wide{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:95vh}.context-modal-header{padding:14px 16px}.context-modal-header-left{flex-direction:column;align-items:flex-start;gap:8px}.context-modal-title{font-size:.938rem}.context-modal-add-btn{padding:6px 10px;font-size:.75rem}.context-modal-body,.context-modal-footer{padding:12px}.context-modal-close-action-btn{width:100%;padding:12px}.notes-table{display:none}.notes-cards-mobile{display:block}.note-card-mobile{padding:10px;margin-bottom:10px}.note-type-badge{font-size:.688rem;padding:3px 8px}.note-card-text{font-size:.813rem}}.context-modal-status{width:450px;overflow:visible}.status-modal-body{overflow:visible}.status-reservation-info{background-color:#f9fafb;border-radius:8px;padding:16px;margin-bottom:20px}.status-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status-info-item{min-width:0}.status-info-label{margin:0 0 4px;font-size:.75rem;color:#6b7280}.status-info-value{margin:0;font-size:.875rem;font-weight:600;color:#1f2937;word-break:break-word}.status-select-container{margin-bottom:16px;position:relative}.status-select-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.status-select-wrapper{position:relative}.status-select-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.status-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:250px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.status-dropdown-empty{padding:10px 12px;color:#6b7280;font-size:.875rem}.status-dropdown-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151;background-color:#fff;display:flex;align-items:center;gap:8px}.status-dropdown-option:hover,.status-dropdown-option.selected{background-color:#f3f4f6}.status-dot-confirmed{background-color:#10b981}.status-dot-tentative{background-color:#f59e0b}.status-dot-waitingList{background-color:#6366f1}.status-dot-checkedIn{background-color:#3b82f6}.status-dot-checkedOut{background-color:#8b5cf6}.status-dot-cancelled{background-color:#ef4444}.status-dot-noShow{background-color:#6b7280}.status-modal-footer{display:flex;justify-content:flex-end;gap:12px}.status-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.status-update-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.status-update-btn.disabled{background-color:#9ca3af;cursor:not-allowed}@media(max-width:768px){.context-modal-status{width:95%;max-width:420px}.status-reservation-info{padding:12px;margin-bottom:16px}.status-info-label{font-size:.688rem}.status-info-value{font-size:.813rem}.status-select-input,.status-dropdown-option{padding:8px 10px;font-size:.813rem}}@media(max-width:480px){.context-modal-status{width:100%;max-width:100%;border-radius:16px 16px 0 0}.status-reservation-info{padding:10px;margin-bottom:12px}.status-info-grid{grid-template-columns:1fr;gap:8px}.status-info-label{font-size:.625rem;margin-bottom:2px}.status-info-value,.status-select-label{font-size:.75rem}.status-select-input{padding:10px;font-size:.875rem}.status-dropdown{max-height:200px}.status-dropdown-option{padding:12px 10px;font-size:.875rem}.status-modal-footer{flex-direction:column;gap:8px}.status-cancel-btn,.status-update-btn{width:100%;padding:12px}}.context-modal-cancel{width:500px}.cancel-modal-header{background-color:#fef2f2}.cancel-modal-title,.cancel-close-btn{color:#991b1b!important}.cancel-warning-box{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.cancel-warning-text{margin:0;font-size:.875rem;color:#991b1b;font-weight:500}.cancel-reservation-info{background-color:#f9fafb;border-radius:8px;padding:16px;margin-bottom:20px}.cancel-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cancel-info-item{min-width:0}.cancel-info-label{margin:0 0 4px;font-size:.75rem;color:#6b7280}.cancel-info-value{margin:0;font-size:.875rem;font-weight:600;color:#1f2937;word-break:break-word}.cancel-reason-container{margin-bottom:0}.cancel-reason-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.cancel-reason-textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;resize:vertical;font-family:inherit;box-sizing:border-box;min-height:80px}.cancel-modal-footer{display:flex;justify-content:flex-end;gap:12px}.cancel-back-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.cancel-confirm-btn{padding:10px 20px;background-color:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.cancel-confirm-btn:hover{background-color:#b91c1c}@media(max-width:768px){.context-modal-cancel{width:95%;max-width:480px}.cancel-warning-box{padding:10px 12px;margin-bottom:16px}.cancel-warning-text{font-size:.813rem}.cancel-reservation-info{padding:12px;margin-bottom:16px}.cancel-info-label{font-size:.688rem}.cancel-info-value,.cancel-reason-textarea{font-size:.813rem}.cancel-back-btn,.cancel-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-cancel{width:100%;max-width:100%;border-radius:16px 16px 0 0}.cancel-warning-box{padding:10px;margin-bottom:12px;gap:10px}.cancel-warning-box svg{width:18px;height:18px;flex-shrink:0}.cancel-warning-text{font-size:.75rem}.cancel-reservation-info{padding:10px;margin-bottom:12px}.cancel-info-grid{grid-template-columns:1fr;gap:8px}.cancel-info-label{font-size:.625rem;margin-bottom:2px}.cancel-info-value,.cancel-reason-label{font-size:.75rem}.cancel-reason-textarea{padding:10px;font-size:.875rem;min-height:70px}.cancel-modal-footer{flex-direction:column;gap:8px}.cancel-back-btn,.cancel-confirm-btn{width:100%;padding:12px}}.context-modal-delete{width:420px}.delete-modal-header{background-color:#fef2f2}.delete-modal-title,.delete-close-btn{color:#991b1b!important}.delete-modal-body{padding:24px}.delete-modal-text{color:#4b5563;margin:0;font-size:.938rem;line-height:1.6}.delete-modal-text strong{color:#1f2937}.delete-modal-confirm{color:#374151;margin:16px 0 0;font-size:.875rem;font-weight:500}.delete-modal-footer{display:flex;justify-content:flex-end;gap:12px}.delete-back-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.delete-confirm-btn{padding:10px 20px;background-color:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.delete-confirm-btn:hover{background-color:#b91c1c}@media(max-width:768px){.context-modal-delete{width:95%;max-width:400px}.delete-modal-body{padding:20px}.delete-modal-text{font-size:.875rem}.delete-modal-confirm{font-size:.813rem;margin-top:12px}.delete-back-btn,.delete-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-delete{width:100%;max-width:100%;border-radius:16px 16px 0 0}.delete-modal-body{padding:16px}.delete-modal-text{font-size:.813rem;line-height:1.5}.delete-modal-confirm{font-size:.75rem;margin-top:10px}.delete-modal-footer{flex-direction:column;gap:8px}.delete-back-btn,.delete-confirm-btn{width:100%;padding:12px}}.context-modal-copy{width:500px;overflow:visible}.copy-modal-body{overflow:visible}.copy-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.copy-date-item{min-width:0}.copy-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.copy-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.copy-status-container{position:relative}.copy-status-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:150px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.copy-status-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151}.copy-status-option:hover{background-color:#f3f4f6}.copy-modal-footer{display:flex;justify-content:flex-end;gap:12px}.copy-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.copy-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.copy-confirm-btn:hover{background-color:#374151}@media(max-width:768px){.context-modal-copy{width:95%;max-width:480px}.copy-date-grid{gap:12px;margin-bottom:12px}.copy-form-label{font-size:.75rem}.copy-form-input,.copy-status-option{padding:8px 10px;font-size:.813rem}.copy-cancel-btn,.copy-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-copy{width:100%;max-width:100%;border-radius:16px 16px 0 0}.copy-date-grid{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.copy-form-label{font-size:.75rem}.copy-form-input{padding:10px;font-size:.875rem}.copy-status-dropdown{max-height:120px}.copy-status-option{padding:12px 10px}.copy-modal-footer{flex-direction:column;gap:8px}.copy-cancel-btn,.copy-confirm-btn{width:100%;padding:12px}}.context-modal-waiting{width:420px}.waiting-modal-body{padding:24px}.waiting-modal-text{color:#6b7280;margin:0 0 12px;font-size:.875rem;line-height:1.5}.waiting-modal-info{margin:0;font-weight:500;font-size:.875rem;color:#1f2937}.waiting-modal-footer{display:flex;justify-content:flex-end;gap:12px}.waiting-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.waiting-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.waiting-confirm-btn:hover{background-color:#374151}@media(max-width:768px){.context-modal-waiting{width:95%;max-width:400px}.waiting-modal-body{padding:20px}.waiting-modal-text,.waiting-modal-info{font-size:.813rem}.waiting-cancel-btn,.waiting-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-waiting{width:100%;max-width:100%;border-radius:16px 16px 0 0}.waiting-modal-body{padding:16px}.waiting-modal-text,.waiting-modal-info{font-size:.75rem}.waiting-modal-footer{flex-direction:column;gap:8px}.waiting-cancel-btn,.waiting-confirm-btn{width:100%;padding:12px}}.context-modal-checkin{width:450px}.checkin-modal-header{background-color:#ecfdf5}.checkin-modal-title,.checkin-close-btn{color:#065f46!important}.checkin-modal-body{padding:24px}.checkin-modal-text{margin:0;font-size:.875rem;color:#374151;line-height:1.6}.checkin-modal-text strong{color:#1f2937}.checkin-modal-footer{display:flex;justify-content:flex-end;gap:12px}.checkin-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.checkin-confirm-btn{padding:10px 20px;background-color:#059669;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.checkin-confirm-btn:hover{background-color:#047857}@media(max-width:768px){.context-modal-checkin{width:95%;max-width:420px}.checkin-modal-body{padding:20px}.checkin-modal-text{font-size:.813rem}.checkin-cancel-btn,.checkin-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-checkin{width:100%;max-width:100%;border-radius:16px 16px 0 0}.checkin-modal-body{padding:16px}.checkin-modal-text{font-size:.75rem;line-height:1.5}.checkin-modal-footer{flex-direction:column;gap:8px}.checkin-cancel-btn,.checkin-confirm-btn{width:100%;padding:12px}}.context-modal-checkout{width:450px}.checkout-modal-header{background-color:#fef3c7}.checkout-modal-title,.checkout-close-btn{color:#92400e!important}.checkout-modal-body{padding:24px}.checkout-modal-text{margin:0;font-size:.875rem;color:#374151;line-height:1.6}.checkout-modal-text strong{color:#1f2937}.checkout-modal-footer{display:flex;justify-content:flex-end;gap:12px}.checkout-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.checkout-confirm-btn{padding:10px 20px;background-color:#d97706;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.checkout-confirm-btn:hover{background-color:#b45309}@media(max-width:768px){.context-modal-checkout{width:95%;max-width:420px}.checkout-modal-body{padding:20px}.checkout-modal-text{font-size:.813rem}.checkout-cancel-btn,.checkout-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-checkout{width:100%;max-width:100%;border-radius:16px 16px 0 0}.checkout-modal-body{padding:16px}.checkout-modal-text{font-size:.75rem;line-height:1.5}.checkout-modal-footer{flex-direction:column;gap:8px}.checkout-cancel-btn,.checkout-confirm-btn{width:100%;padding:12px}}.context-modal-periodic{width:450px}.periodic-modal-body{padding:24px}.periodic-modal-info{margin:0 0 16px;color:#6b7280;font-size:.875rem}.periodic-form-group{margin-bottom:16px}.periodic-form-group:last-child{margin-bottom:0}.periodic-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.periodic-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.periodic-modal-footer{display:flex;justify-content:flex-end;gap:12px}.periodic-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.periodic-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.periodic-confirm-btn:hover{background-color:#374151}@media(max-width:768px){.context-modal-periodic{width:95%;max-width:420px}.periodic-modal-body{padding:20px}.periodic-modal-info{font-size:.813rem;margin-bottom:12px}.periodic-form-group{margin-bottom:12px}.periodic-form-label{font-size:.75rem}.periodic-form-input{padding:8px 10px;font-size:.813rem}.periodic-cancel-btn,.periodic-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-periodic{width:100%;max-width:100%;border-radius:16px 16px 0 0}.periodic-modal-body{padding:16px}.periodic-modal-info{font-size:.75rem;margin-bottom:12px}.periodic-form-group{margin-bottom:12px}.periodic-form-label{font-size:.75rem}.periodic-form-input{padding:10px;font-size:.875rem}.periodic-modal-footer{flex-direction:column;gap:8px}.periodic-cancel-btn,.periodic-confirm-btn{width:100%;padding:12px}}.context-modal-emptyrooms{width:500px;overflow:visible}.emptyrooms-modal-body{padding:24px;overflow:visible}.emptyrooms-current-info{margin-bottom:16px;padding:12px;background-color:#f3f4f6;border-radius:8px}.emptyrooms-current-text{font-size:.875rem;color:#374151}.emptyrooms-search-container{margin-bottom:16px;position:relative}.emptyrooms-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.emptyrooms-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.emptyrooms-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.emptyrooms-no-result{padding:10px 12px;color:#6b7280;font-size:.875rem}.emptyrooms-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151;border-bottom:1px solid #f3f4f6}.emptyrooms-option:hover{background-color:#f3f4f6}.emptyrooms-option-header{display:flex;justify-content:space-between;align-items:center}.emptyrooms-option-roomno{font-weight:500}.emptyrooms-option-type{color:#6b7280;margin-left:8px}.emptyrooms-option-badge{padding:2px 8px;background-color:#dcfce7;border-radius:9999px;font-size:.7rem;font-weight:500;color:#166534}.emptyrooms-option-bed{font-size:.75rem;color:#6b7280;margin-top:4px}.emptyrooms-selected-box{padding:16px;background-color:#ecfdf5;border-radius:8px;border:1px solid #a7f3d0}.emptyrooms-selected-title{margin:0 0 8px;font-size:.875rem;color:#065f46;font-weight:500}.emptyrooms-selected-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.813rem}.emptyrooms-selected-label{color:#6b7280}.emptyrooms-modal-footer{display:flex;justify-content:flex-end;gap:12px}.emptyrooms-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.emptyrooms-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.emptyrooms-confirm-btn.disabled{background-color:#9ca3af;cursor:not-allowed}.emptyrooms-confirm-btn:not(.disabled):hover{background-color:#374151}@media(max-width:768px){.context-modal-emptyrooms{width:95%;max-width:480px}.emptyrooms-modal-body{padding:20px}.emptyrooms-current-info{padding:10px;margin-bottom:12px}.emptyrooms-current-text{font-size:.813rem}.emptyrooms-form-label{font-size:.75rem}.emptyrooms-form-input,.emptyrooms-option{padding:8px 10px;font-size:.813rem}.emptyrooms-selected-box{padding:12px}.emptyrooms-selected-title{font-size:.813rem}.emptyrooms-selected-grid{font-size:.75rem;gap:6px}.emptyrooms-cancel-btn,.emptyrooms-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-emptyrooms{width:100%;max-width:100%;border-radius:16px 16px 0 0}.emptyrooms-modal-body{padding:16px}.emptyrooms-current-info{padding:10px;margin-bottom:12px}.emptyrooms-current-text,.emptyrooms-form-label{font-size:.75rem}.emptyrooms-form-input{padding:10px;font-size:.875rem}.emptyrooms-dropdown{max-height:150px}.emptyrooms-option{padding:10px}.emptyrooms-selected-box{padding:12px}.emptyrooms-selected-grid{grid-template-columns:1fr;gap:6px}.emptyrooms-modal-footer{flex-direction:column;gap:8px}.emptyrooms-cancel-btn,.emptyrooms-confirm-btn{width:100%;padding:12px}}.context-modal-swap{width:500px;overflow:visible}.swap-modal-body{padding:24px;overflow:visible}.swap-form-group{margin-bottom:16px}.swap-form-group:last-child{margin-bottom:0}.swap-dropdown-container{position:relative}.swap-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.swap-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.swap-input-disabled{background-color:#f3f4f6;color:#6b7280}.swap-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:150px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.swap-dropdown-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151}.swap-dropdown-option:hover{background-color:#f3f4f6}.swap-option-roomno{font-weight:500}.swap-option-type{color:#6b7280;margin-left:8px}.swap-modal-footer{display:flex;justify-content:flex-end;gap:12px}.swap-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.swap-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.swap-confirm-btn:hover{background-color:#374151}@media(max-width:768px){.context-modal-swap{width:95%;max-width:480px}.swap-modal-body{padding:20px}.swap-form-group{margin-bottom:12px}.swap-form-label{font-size:.75rem}.swap-form-input,.swap-dropdown-option{padding:8px 10px;font-size:.813rem}.swap-cancel-btn,.swap-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-swap{width:100%;max-width:100%;border-radius:16px 16px 0 0}.swap-modal-body{padding:16px}.swap-form-group{margin-bottom:12px}.swap-form-label{font-size:.75rem}.swap-form-input{padding:10px;font-size:.875rem}.swap-dropdown{max-height:120px}.swap-dropdown-option{padding:10px}.swap-modal-footer{flex-direction:column;gap:8px}.swap-cancel-btn,.swap-confirm-btn{width:100%;padding:12px}}.context-modal-clean{width:420px}.clean-modal-header{background-color:#ecfdf5}.clean-modal-title,.clean-close-btn{color:#065f46!important}.clean-modal-body{padding:24px}.clean-modal-text{margin:0;font-size:.875rem;color:#374151;line-height:1.6}.clean-modal-text strong{color:#1f2937}.clean-modal-confirm{margin:16px 0 0;font-size:.875rem;color:#6b7280}.clean-modal-footer{display:flex;justify-content:flex-end;gap:12px}.clean-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.clean-confirm-btn{padding:10px 20px;background-color:#059669;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.clean-confirm-btn:hover{background-color:#047857}@media(max-width:768px){.context-modal-clean{width:95%;max-width:400px}.clean-modal-body{padding:20px}.clean-modal-text{font-size:.813rem}.clean-modal-confirm{font-size:.813rem;margin-top:12px}.clean-cancel-btn,.clean-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-clean{width:100%;max-width:100%;border-radius:16px 16px 0 0}.clean-modal-body{padding:16px}.clean-modal-text{font-size:.75rem;line-height:1.5}.clean-modal-confirm{font-size:.75rem;margin-top:10px}.clean-modal-footer{flex-direction:column;gap:8px}.clean-cancel-btn,.clean-confirm-btn{width:100%;padding:12px}}.context-modal-assign{width:500px;overflow:visible}.assign-modal-body{padding:24px;overflow:visible}.assign-guest-info{background-color:#f9fafb;border-radius:8px;padding:12px 16px;margin-bottom:20px}.assign-guest-name{font-size:.875rem;color:#4b5563}.assign-form-group{margin-bottom:16px}.assign-form-group:last-child{margin-bottom:0}.assign-dropdown-container{position:relative}.assign-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.assign-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.assign-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.assign-no-result{padding:10px 12px;color:#6b7280;font-size:.875rem}.assign-dropdown-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151}.assign-dropdown-option:hover{background-color:#f3f4f6}.assign-option-roomno{font-weight:500}.assign-option-type{color:#6b7280;margin-left:8px}.assign-modal-footer{display:flex;justify-content:flex-end;gap:12px}.assign-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.assign-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.assign-confirm-btn.disabled{background-color:#9ca3af;cursor:not-allowed}.assign-confirm-btn:not(.disabled):hover{background-color:#374151}@media(max-width:768px){.context-modal-assign{width:95%;max-width:480px}.assign-modal-body{padding:20px}.assign-guest-info{padding:10px 12px;margin-bottom:16px}.assign-guest-name{font-size:.813rem}.assign-form-group{margin-bottom:12px}.assign-form-label{font-size:.75rem}.assign-form-input,.assign-dropdown-option{padding:8px 10px;font-size:.813rem}.assign-cancel-btn,.assign-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-assign{width:100%;max-width:100%;border-radius:16px 16px 0 0}.assign-modal-body{padding:16px}.assign-guest-info{padding:10px;margin-bottom:12px}.assign-guest-name{font-size:.75rem}.assign-form-group{margin-bottom:12px}.assign-form-label{font-size:.75rem}.assign-form-input{padding:10px;font-size:.875rem}.assign-dropdown{max-height:150px}.assign-dropdown-option{padding:10px}.assign-modal-footer{flex-direction:column;gap:8px}.assign-cancel-btn,.assign-confirm-btn{width:100%;padding:12px}}.context-modal-removeroom{width:420px}.removeroom-modal-body{padding:24px;text-align:center}.removeroom-icon-container{width:64px;height:64px;background-color:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.removeroom-modal-text{margin:0 0 8px;font-size:.938rem;color:#4b5563}.removeroom-modal-text strong{color:#1f2937}.removeroom-modal-warning{margin:0;font-size:.813rem;color:#ef4444;font-weight:500}.removeroom-modal-footer{display:flex;justify-content:flex-end;gap:12px}.removeroom-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.removeroom-confirm-btn{padding:10px 20px;background-color:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.removeroom-confirm-btn:hover{background-color:#b91c1c}@media(max-width:768px){.context-modal-removeroom{width:95%;max-width:400px}.removeroom-modal-body{padding:20px}.removeroom-icon-container{width:56px;height:56px;margin-bottom:12px}.removeroom-icon-container svg{width:28px;height:28px}.removeroom-modal-text{font-size:.875rem}.removeroom-modal-warning{font-size:.75rem}.removeroom-cancel-btn,.removeroom-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-removeroom{width:100%;max-width:100%;border-radius:16px 16px 0 0}.removeroom-modal-body{padding:16px}.removeroom-icon-container{width:48px;height:48px;margin-bottom:12px}.removeroom-icon-container svg{width:24px;height:24px}.removeroom-modal-text{font-size:.813rem}.removeroom-modal-warning{font-size:.688rem}.removeroom-modal-footer{flex-direction:column;gap:8px}.removeroom-cancel-btn,.removeroom-confirm-btn{width:100%;padding:12px}}.context-modal-roominfo{width:500px}.roominfo-modal-body{padding:24px}.roominfo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.roominfo-item{background-color:#f9fafb;border-radius:8px;padding:12px 16px}.roominfo-label{display:block;font-size:.75rem;color:#6b7280;margin-bottom:4px}.roominfo-value{font-size:1rem;font-weight:600;color:#1f2937}.roominfo-status-badge{display:inline-block;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:500}.roominfo-status-badge.clean{background-color:#dcfce7;color:#15803d}.roominfo-status-badge.dirty{background-color:#fee2e2;color:#dc2626}.roominfo-status-badge.other{background-color:#fef3c7;color:#b45309}.roominfo-modal-footer{display:flex;justify-content:flex-end}.roominfo-close-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.roominfo-close-btn:hover{background-color:#374151}@media(max-width:768px){.context-modal-roominfo{width:95%;max-width:480px}.roominfo-modal-body{padding:20px}.roominfo-grid{gap:12px}.roominfo-item{padding:10px 12px}.roominfo-label{font-size:.688rem}.roominfo-value{font-size:.875rem}.roominfo-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-roominfo{width:100%;max-width:100%;border-radius:16px 16px 0 0}.roominfo-modal-body{padding:16px}.roominfo-grid{grid-template-columns:1fr;gap:10px}.roominfo-item{padding:10px 12px}.roominfo-label{font-size:.688rem}.roominfo-value{font-size:.875rem}.roominfo-close-btn{width:100%;padding:12px}}.createplan-overlay{z-index:50001}.context-modal-createplan{width:500px;overflow:visible}.createplan-modal-body{padding:24px;overflow:visible}.createplan-form-group{margin-bottom:16px}.createplan-form-group:last-child{margin-bottom:0}.createplan-dropdown-container{position:relative}.createplan-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.createplan-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.createplan-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:150px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.createplan-dropdown-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151}.createplan-dropdown-option:hover{background-color:#f3f4f6}.createplan-modal-footer{display:flex;justify-content:flex-end;gap:12px}.createplan-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.createplan-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.createplan-confirm-btn:hover{background-color:#374151}@media(max-width:768px){.context-modal-createplan{width:95%;max-width:480px}.createplan-modal-body{padding:20px}.createplan-form-group{margin-bottom:12px}.createplan-form-label{font-size:.75rem}.createplan-form-input,.createplan-dropdown-option{padding:8px 10px;font-size:.813rem}.createplan-cancel-btn,.createplan-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-createplan{width:100%;max-width:100%;border-radius:16px 16px 0 0}.createplan-modal-body{padding:16px;max-height:60vh;overflow-y:auto}.createplan-form-group{margin-bottom:12px}.createplan-form-label{font-size:.75rem}.createplan-form-input{padding:10px;font-size:.875rem}.createplan-dropdown{max-height:120px}.createplan-dropdown-option{padding:10px}.createplan-modal-footer{flex-direction:column;gap:8px}.createplan-cancel-btn,.createplan-confirm-btn{width:100%;padding:12px}}.context-modal-wakeup{width:500px;overflow:visible}.wakeup-modal-body{padding:24px;overflow:visible}.wakeup-room-info{margin-bottom:16px;padding:12px;background-color:#f3f4f6;border-radius:8px}.wakeup-room-text{font-size:.875rem;color:#374151}.wakeup-datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.wakeup-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wakeup-form-group{margin-bottom:16px}.wakeup-form-group:last-child{margin-bottom:0}.wakeup-dropdown-container{position:relative}.wakeup-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.wakeup-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.wakeup-form-textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box;resize:vertical}.wakeup-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:150px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.wakeup-dropdown-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151}.wakeup-dropdown-option:hover{background-color:#f3f4f6}.wakeup-modal-footer{display:flex;justify-content:flex-end;gap:12px}.wakeup-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.wakeup-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.wakeup-confirm-btn:hover{background-color:#374151}@media(max-width:768px){.context-modal-wakeup{width:95%;max-width:480px}.wakeup-modal-body{padding:20px}.wakeup-room-info{padding:10px;margin-bottom:12px}.wakeup-room-text{font-size:.813rem}.wakeup-datetime-grid,.wakeup-status-grid{gap:12px}.wakeup-form-group{margin-bottom:12px}.wakeup-form-label{font-size:.75rem}.wakeup-form-input,.wakeup-form-textarea,.wakeup-dropdown-option{padding:8px 10px;font-size:.813rem}.wakeup-cancel-btn,.wakeup-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-wakeup{width:100%;max-width:100%;border-radius:16px 16px 0 0}.wakeup-modal-body{padding:16px;max-height:60vh;overflow-y:auto}.wakeup-room-info{padding:10px;margin-bottom:12px}.wakeup-room-text{font-size:.75rem}.wakeup-datetime-grid,.wakeup-status-grid{grid-template-columns:1fr;gap:12px}.wakeup-form-group{margin-bottom:12px}.wakeup-form-label{font-size:.75rem}.wakeup-form-input,.wakeup-form-textarea{padding:10px;font-size:.875rem}.wakeup-dropdown{max-height:120px}.wakeup-dropdown-option{padding:10px}.wakeup-modal-footer{flex-direction:column;gap:8px}.wakeup-cancel-btn,.wakeup-confirm-btn{width:100%;padding:12px}}.context-modal-invoice{width:700px}.invoice-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.invoice-room-info{margin-bottom:16px;padding:12px;background-color:#f3f4f6;border-radius:8px}.invoice-room-text{font-size:.875rem;color:#374151}.invoice-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.invoice-form-group{margin-bottom:0}.invoice-full-width{grid-column:1 / -1}.invoice-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.invoice-form-input,.invoice-form-select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.invoice-form-textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box;resize:vertical}.invoice-items-section{margin-top:20px;padding:16px;background-color:#f9fafb;border-radius:8px}.invoice-items-title{margin:0 0 12px;font-size:.875rem;font-weight:600;color:#1f2937}.invoice-items-table{width:100%;border-collapse:collapse}.invoice-table-header-row{border-bottom:1px solid #e5e7eb}.invoice-table-th{padding:8px;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280}.invoice-table-th-right{text-align:right}.invoice-table-td{padding:8px;font-size:.875rem;color:#374151}.invoice-table-td-right{text-align:right}.invoice-table-td-bold{font-weight:600;color:#1f2937}.invoice-table-footer-row{border-top:1px solid #e5e7eb}.invoice-modal-footer{display:flex;justify-content:flex-end;gap:12px}.invoice-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.invoice-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.invoice-confirm-btn:hover{background-color:#374151}@media(max-width:768px){.context-modal-invoice{width:95%;max-width:600px}.invoice-modal-body{padding:20px}.invoice-room-info{padding:10px;margin-bottom:12px}.invoice-room-text{font-size:.813rem}.invoice-form-grid{gap:12px}.invoice-form-label{font-size:.75rem}.invoice-form-input,.invoice-form-select,.invoice-form-textarea{padding:8px 10px;font-size:.813rem}.invoice-items-section{margin-top:16px;padding:12px}.invoice-items-title{font-size:.813rem}.invoice-table-th,.invoice-table-td{padding:6px;font-size:.75rem}.invoice-cancel-btn,.invoice-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-invoice{width:100%;max-width:100%;border-radius:16px 16px 0 0}.invoice-modal-body{padding:16px;max-height:60vh}.invoice-room-info{padding:10px;margin-bottom:12px}.invoice-room-text{font-size:.75rem}.invoice-form-grid{grid-template-columns:1fr;gap:12px}.invoice-full-width{grid-column:1}.invoice-form-label{font-size:.75rem}.invoice-form-input,.invoice-form-select,.invoice-form-textarea{padding:10px;font-size:.875rem}.invoice-items-section{margin-top:12px;padding:12px}.invoice-items-title{font-size:.813rem;margin-bottom:8px}.invoice-table-th,.invoice-table-td{padding:6px 4px;font-size:.688rem}.invoice-modal-footer{flex-direction:column;gap:8px}.invoice-cancel-btn,.invoice-confirm-btn{width:100%;padding:12px}}.context-modal-foliorouting{width:95vw;max-width:1400px}.foliorouting-tabs-bar{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.foliorouting-tabs{display:flex;gap:8px}.foliorouting-tab-btn{padding:8px 16px;background-color:#f3f4f6;color:#374151;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.foliorouting-tab-btn.active{background-color:#1f2937;color:#fff}.foliorouting-add-btn{padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.foliorouting-modal-body{padding:24px;max-height:calc(90vh - 280px);overflow-y:auto}.foliorouting-table-wrapper{overflow-x:auto}.foliorouting-table{width:100%;border-collapse:collapse;font-size:.813rem}.foliorouting-table-header{background-color:#f9fafb}.foliorouting-th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.foliorouting-table-row{border-bottom:1px solid #e5e7eb}.foliorouting-td{padding:10px 8px;color:#4b5563;white-space:nowrap}.foliorouting-actions{display:flex;gap:8px}.foliorouting-action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#1a1a1a}.foliorouting-summary-wrapper{margin-top:24px;display:flex;justify-content:flex-end}.foliorouting-summary{background-color:#f9fafb;border-radius:8px;padding:16px;min-width:250px}.foliorouting-summary-row{display:flex;justify-content:space-between;margin-bottom:8px}.foliorouting-summary-total{border-top:1px solid #e5e7eb;padding-top:8px;margin-bottom:0}.foliorouting-summary-label{color:#6b7280;font-size:.875rem}.foliorouting-summary-value{font-weight:600;color:#1f2937}.foliorouting-summary-danger{color:#ef4444}.foliorouting-modal-footer{display:flex;justify-content:flex-end}.foliorouting-close-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}@media(max-width:768px){.context-modal-foliorouting{width:98%;max-width:100%}.foliorouting-tabs-bar{padding:12px 16px;flex-direction:column;align-items:stretch}.foliorouting-tabs{justify-content:center;flex-wrap:wrap}.foliorouting-tab-btn{padding:6px 12px;font-size:.75rem}.foliorouting-add-btn{width:100%;text-align:center;padding:10px 16px;font-size:.813rem}.foliorouting-modal-body{padding:16px;max-height:calc(90vh - 320px)}.foliorouting-table{font-size:.75rem}.foliorouting-th,.foliorouting-td{padding:8px 6px}.foliorouting-summary-wrapper{margin-top:16px}.foliorouting-summary{width:100%;padding:12px}.foliorouting-summary-label,.foliorouting-summary-value{font-size:.813rem}.foliorouting-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-foliorouting{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:95vh}.foliorouting-tabs-bar{padding:12px}.foliorouting-tabs{width:100%}.foliorouting-tab-btn{flex:1;padding:8px;font-size:.688rem}.foliorouting-add-btn{font-size:.75rem;padding:10px 12px}.foliorouting-modal-body{padding:12px;max-height:55vh}.foliorouting-table{font-size:.688rem}.foliorouting-th,.foliorouting-td{padding:6px 4px;font-size:.625rem}.foliorouting-action-btn{padding:2px}.foliorouting-action-btn svg{width:12px;height:12px}.foliorouting-summary-wrapper{margin-top:12px}.foliorouting-summary{padding:10px}.foliorouting-summary-label,.foliorouting-summary-value{font-size:.75rem}.foliorouting-modal-footer{padding:12px 16px}.foliorouting-close-btn{width:100%;padding:12px}}.context-modal-bulkrouting{width:550px;overflow:visible}.bulkrouting-modal-body{padding:24px;overflow:visible}.bulkrouting-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.bulkrouting-form-group{margin-bottom:16px}.bulkrouting-form-group:last-child{margin-bottom:0}.bulkrouting-dropdown-container{position:relative}.bulkrouting-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.bulkrouting-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.bulkrouting-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:150px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.bulkrouting-dropdown-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151}.bulkrouting-dropdown-option:hover{background-color:#f3f4f6}.bulkrouting-modal-footer{display:flex;justify-content:flex-end;gap:12px}.bulkrouting-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.bulkrouting-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.bulkrouting-confirm-btn:hover{background-color:#374151}@media(max-width:768px){.context-modal-bulkrouting{width:95%;max-width:520px}.bulkrouting-modal-body{padding:20px}.bulkrouting-date-grid{gap:12px}.bulkrouting-form-group{margin-bottom:12px}.bulkrouting-form-label{font-size:.75rem}.bulkrouting-form-input,.bulkrouting-dropdown-option{padding:8px 10px;font-size:.813rem}.bulkrouting-cancel-btn,.bulkrouting-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-bulkrouting{width:100%;max-width:100%;border-radius:16px 16px 0 0}.bulkrouting-modal-body{padding:16px;max-height:60vh;overflow-y:auto}.bulkrouting-date-grid{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.bulkrouting-form-group{margin-bottom:12px}.bulkrouting-form-label{font-size:.75rem}.bulkrouting-form-input{padding:10px;font-size:.875rem}.bulkrouting-dropdown{max-height:120px}.bulkrouting-dropdown-option{padding:10px}.bulkrouting-modal-footer{flex-direction:column;gap:8px}.bulkrouting-cancel-btn,.bulkrouting-confirm-btn{width:100%;padding:12px}}.context-modal-foliotransfer{width:550px;overflow:visible}.foliotransfer-modal-body{padding:24px;overflow:visible;max-height:calc(90vh - 140px);overflow-y:auto}.foliotransfer-form-group{margin-bottom:16px}.foliotransfer-form-group:last-child{margin-bottom:0}.foliotransfer-dropdown-container{position:relative}.foliotransfer-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.foliotransfer-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.foliotransfer-form-textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box;min-height:60px;resize:vertical}.foliotransfer-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:150px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.foliotransfer-dropdown-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151}.foliotransfer-dropdown-option:hover{background-color:#f3f4f6}.foliotransfer-modal-footer{display:flex;justify-content:flex-end;gap:12px}.foliotransfer-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.foliotransfer-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.foliotransfer-confirm-btn:hover{background-color:#374151}@media(max-width:768px){.context-modal-foliotransfer{width:95%;max-width:520px}.foliotransfer-modal-body{padding:20px}.foliotransfer-form-group{margin-bottom:12px}.foliotransfer-form-label{font-size:.75rem}.foliotransfer-form-input,.foliotransfer-form-textarea,.foliotransfer-dropdown-option{padding:8px 10px;font-size:.813rem}.foliotransfer-cancel-btn,.foliotransfer-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-foliotransfer{width:100%;max-width:100%;border-radius:16px 16px 0 0}.foliotransfer-modal-body{padding:16px;max-height:60vh}.foliotransfer-form-group{margin-bottom:12px}.foliotransfer-form-label{font-size:.75rem}.foliotransfer-form-input,.foliotransfer-form-textarea{padding:10px;font-size:.875rem}.foliotransfer-form-textarea{min-height:50px}.foliotransfer-dropdown{max-height:120px}.foliotransfer-dropdown-option{padding:10px}.foliotransfer-modal-footer{flex-direction:column;gap:8px}.foliotransfer-cancel-btn,.foliotransfer-confirm-btn{width:100%;padding:12px}}.context-modal-lockfolio{width:420px}.lockfolio-modal-body{padding:24px;text-align:center}.lockfolio-icon-wrapper{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.lockfolio-icon-warning{background-color:#fef3c7}.lockfolio-icon-success{background-color:#dcfce7}.lockfolio-message{margin:0 0 8px;font-size:.938rem;color:#4b5563}.lockfolio-reservation-info{margin:0 0 16px;font-size:1rem;font-weight:600;color:#1f2937}.lockfolio-warning-text{margin:0;font-size:.813rem;color:#6b7280;background-color:#f3f4f6;padding:12px;border-radius:8px}.lockfolio-modal-footer{display:flex;justify-content:flex-end;gap:12px}.lockfolio-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.lockfolio-confirm-btn{padding:10px 20px;background-color:#d97706;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.lockfolio-confirm-btn:hover{background-color:#b45309}@media(max-width:768px){.context-modal-lockfolio{width:95%;max-width:400px}.lockfolio-modal-body{padding:20px}.lockfolio-icon-wrapper{width:56px;height:56px;margin-bottom:12px}.lockfolio-icon-wrapper svg{width:28px;height:28px}.lockfolio-message{font-size:.875rem}.lockfolio-reservation-info{font-size:.938rem;margin-bottom:12px}.lockfolio-warning-text{font-size:.75rem;padding:10px}.lockfolio-cancel-btn,.lockfolio-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-lockfolio{width:100%;max-width:100%;border-radius:16px 16px 0 0}.lockfolio-modal-body{padding:20px 16px}.lockfolio-icon-wrapper{width:52px;height:52px;margin-bottom:12px}.lockfolio-icon-wrapper svg{width:26px;height:26px}.lockfolio-message{font-size:.813rem}.lockfolio-reservation-info{font-size:.875rem;margin-bottom:12px}.lockfolio-warning-text{font-size:.75rem;padding:10px}.lockfolio-modal-footer{flex-direction:column;gap:8px}.lockfolio-cancel-btn,.lockfolio-confirm-btn{width:100%;padding:12px}}.context-modal-unlockfolio{width:420px}.unlockfolio-modal-body{padding:24px;text-align:center}.unlockfolio-icon-wrapper{width:64px;height:64px;background-color:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.unlockfolio-message{margin:0 0 8px;font-size:.938rem;color:#4b5563}.unlockfolio-reservation-info{margin:0 0 16px;font-size:1rem;font-weight:600;color:#1f2937}.unlockfolio-info-text{margin:0;font-size:.813rem;color:#6b7280;background-color:#f3f4f6;padding:12px;border-radius:8px}.unlockfolio-modal-footer{display:flex;justify-content:flex-end;gap:12px}.unlockfolio-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.unlockfolio-confirm-btn{padding:10px 20px;background-color:#16a34a;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.unlockfolio-confirm-btn:hover{background-color:#15803d}@media(max-width:768px){.context-modal-unlockfolio{width:95%;max-width:400px}.unlockfolio-modal-body{padding:20px}.unlockfolio-icon-wrapper{width:56px;height:56px;margin-bottom:12px}.unlockfolio-icon-wrapper svg{width:28px;height:28px}.unlockfolio-message{font-size:.875rem}.unlockfolio-reservation-info{font-size:.938rem;margin-bottom:12px}.unlockfolio-info-text{font-size:.75rem;padding:10px}.unlockfolio-cancel-btn,.unlockfolio-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-unlockfolio{width:100%;max-width:100%;border-radius:16px 16px 0 0}.unlockfolio-modal-body{padding:20px 16px}.unlockfolio-icon-wrapper{width:52px;height:52px;margin-bottom:12px}.unlockfolio-icon-wrapper svg{width:26px;height:26px}.unlockfolio-message{font-size:.813rem}.unlockfolio-reservation-info{font-size:.875rem;margin-bottom:12px}.unlockfolio-info-text{font-size:.75rem;padding:10px}.unlockfolio-modal-footer{flex-direction:column;gap:8px}.unlockfolio-cancel-btn,.unlockfolio-confirm-btn{width:100%;padding:12px}}.context-modal-autodiscount{width:450px;overflow:visible}.autodiscount-modal-body{padding:24px;overflow:visible}.autodiscount-reservation-info{margin-bottom:16px;padding:12px;background-color:#f3f4f6;border-radius:8px}.autodiscount-reservation-info span{font-size:.875rem;color:#374151}.autodiscount-form-group{margin-bottom:16px}.autodiscount-form-group:last-child{margin-bottom:0}.autodiscount-dropdown-container{position:relative}.autodiscount-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.autodiscount-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.autodiscount-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:150px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.autodiscount-dropdown-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151}.autodiscount-dropdown-option:hover{background-color:#f3f4f6}.autodiscount-modal-footer{display:flex;justify-content:flex-end;gap:12px}.autodiscount-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.autodiscount-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.autodiscount-confirm-btn:hover{background-color:#374151}@media(max-width:768px){.context-modal-autodiscount{width:95%;max-width:420px}.autodiscount-modal-body{padding:20px}.autodiscount-reservation-info{padding:10px;margin-bottom:12px}.autodiscount-reservation-info span{font-size:.813rem}.autodiscount-form-group{margin-bottom:12px}.autodiscount-form-label{font-size:.75rem}.autodiscount-form-input,.autodiscount-dropdown-option{padding:8px 10px;font-size:.813rem}.autodiscount-cancel-btn,.autodiscount-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-autodiscount{width:100%;max-width:100%;border-radius:16px 16px 0 0}.autodiscount-modal-body{padding:16px}.autodiscount-reservation-info{padding:10px;margin-bottom:12px}.autodiscount-reservation-info span{font-size:.813rem}.autodiscount-form-group{margin-bottom:12px}.autodiscount-form-label{font-size:.75rem}.autodiscount-form-input{padding:10px;font-size:.875rem}.autodiscount-dropdown{max-height:120px}.autodiscount-dropdown-option{padding:10px}.autodiscount-modal-footer{flex-direction:column;gap:8px}.autodiscount-cancel-btn,.autodiscount-confirm-btn{width:100%;padding:12px}}.context-modal-bulkaccrouting{width:500px;overflow:visible}.bulkaccrouting-modal-body{padding:24px;overflow:visible}.bulkaccrouting-form-group{margin-bottom:16px}.bulkaccrouting-form-group:last-child{margin-bottom:0}.bulkaccrouting-dropdown-container{position:relative}.bulkaccrouting-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.bulkaccrouting-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.bulkaccrouting-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:150px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.bulkaccrouting-dropdown-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151}.bulkaccrouting-dropdown-option:hover{background-color:#f3f4f6}.bulkaccrouting-modal-footer{display:flex;justify-content:flex-end;gap:12px}.bulkaccrouting-cancel-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.bulkaccrouting-confirm-btn{padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.bulkaccrouting-confirm-btn:hover{background-color:#374151}@media(max-width:768px){.context-modal-bulkaccrouting{width:95%;max-width:480px}.bulkaccrouting-modal-body{padding:20px}.bulkaccrouting-form-group{margin-bottom:12px}.bulkaccrouting-form-label{font-size:.75rem}.bulkaccrouting-form-input,.bulkaccrouting-dropdown-option{padding:8px 10px;font-size:.813rem}.bulkaccrouting-cancel-btn,.bulkaccrouting-confirm-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-bulkaccrouting{width:100%;max-width:100%;border-radius:16px 16px 0 0}.bulkaccrouting-modal-body{padding:16px}.bulkaccrouting-form-group{margin-bottom:12px}.bulkaccrouting-form-label{font-size:.75rem}.bulkaccrouting-form-input{padding:10px;font-size:.875rem}.bulkaccrouting-dropdown{max-height:120px}.bulkaccrouting-dropdown-option{padding:10px}.bulkaccrouting-modal-footer{flex-direction:column;gap:8px}.bulkaccrouting-cancel-btn,.bulkaccrouting-confirm-btn{width:100%;padding:12px}}.context-modal-roomchangeschedule{width:95%;max-width:900px}.roomchangeschedule-header{display:flex;justify-content:space-between;align-items:center}.roomchangeschedule-header-left{display:flex;align-items:center;gap:16px}.roomchangeschedule-create-btn{padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer}.roomchangeschedule-create-btn:hover{background-color:#374151}.roomchangeschedule-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.roomchangeschedule-reservation-info{margin:0 0 16px;color:#6b7280;font-size:.875rem}.roomchangeschedule-table-wrapper{overflow-x:auto}.roomchangeschedule-table{width:100%;border-collapse:collapse;font-size:.875rem}.roomchangeschedule-table thead tr{background-color:#f9fafb}.roomchangeschedule-table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.roomchangeschedule-table tbody tr{border-bottom:1px solid #e5e7eb}.roomchangeschedule-table td{padding:12px;color:#4b5563}.roomchangeschedule-empty{text-align:center;color:#6b7280;padding:2rem!important}.roomchangeschedule-status{padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.roomchangeschedule-status.status-pending{background-color:#fef3c7;color:#92400e}.roomchangeschedule-status.status-approved{background-color:#dcfce7;color:#166534}.roomchangeschedule-status.status-other{background-color:#e0e7ff;color:#3730a3}.roomchangeschedule-actions{display:flex;gap:8px}.roomchangeschedule-action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#1a1a1a}.roomchangeschedule-action-btn:hover{color:#4b5563}.roomchangeschedule-modal-footer{display:flex;justify-content:flex-end;gap:12px}.roomchangeschedule-close-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.roomchangeschedule-close-btn:hover{background-color:#4b5563}@media(max-width:768px){.context-modal-roomchangeschedule{width:98%;max-width:100%}.roomchangeschedule-header-left{flex-direction:column;align-items:flex-start;gap:8px}.roomchangeschedule-create-btn{padding:6px 12px;font-size:.75rem}.roomchangeschedule-modal-body{padding:16px}.roomchangeschedule-table{font-size:.813rem}.roomchangeschedule-table th,.roomchangeschedule-table td{padding:8px}.roomchangeschedule-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-roomchangeschedule{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh}.roomchangeschedule-header{flex-wrap:wrap;gap:8px}.roomchangeschedule-header-left{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.context-modal-roomchangeschedule .context-modal-title{font-size:1rem}.roomchangeschedule-create-btn{width:100%;padding:10px;font-size:.813rem}.roomchangeschedule-modal-body{padding:12px;max-height:55vh}.roomchangeschedule-reservation-info{font-size:.813rem;margin-bottom:12px}.roomchangeschedule-table{font-size:.75rem;min-width:600px}.roomchangeschedule-table th,.roomchangeschedule-table td{padding:8px 6px}.roomchangeschedule-status{font-size:.688rem;padding:2px 6px}.roomchangeschedule-action-btn{padding:2px}.roomchangeschedule-modal-footer{padding:12px 16px}.roomchangeschedule-close-btn{width:100%;padding:12px}}.context-modal-quickpayments{width:95vw;max-width:1400px}.quickpayments-header{display:flex;justify-content:space-between;align-items:center}.quickpayments-header-left{display:flex;align-items:center;gap:16px}.quickpayments-add-btn{padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer}.quickpayments-add-btn:hover{background-color:#374151}.quickpayments-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.quickpayments-empty{text-align:center;padding:40px;color:#6b7280}.quickpayments-table-wrapper{overflow-x:auto}.quickpayments-table{width:100%;border-collapse:collapse;font-size:.813rem;min-width:1200px}.quickpayments-table thead tr{background-color:#f9fafb}.quickpayments-table th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.quickpayments-table tbody tr{border-bottom:1px solid #e5e7eb}.quickpayments-table td{padding:10px 8px;color:#4b5563}.quickpayments-amount{font-weight:500}.quickpayments-notes{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quickpayments-record-type{padding:2px 8px;border-radius:9999px;font-size:.7rem;font-weight:500;white-space:nowrap}.quickpayments-record-type.type-normal{background-color:#dcfce7;color:#166534}.quickpayments-record-type.type-discount{background-color:#fef3c7;color:#92400e}.quickpayments-record-type.type-other{background-color:#fee2e2;color:#991b1b}.quickpayments-actions{display:flex;gap:8px}.quickpayments-action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#1a1a1a}.quickpayments-action-btn:hover{color:#4b5563}.quickpayments-modal-footer{display:flex;justify-content:flex-end;gap:12px}.quickpayments-close-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.quickpayments-close-btn:hover{background-color:#4b5563}@media(max-width:768px){.context-modal-quickpayments{width:98%;max-width:100%}.quickpayments-header-left{flex-direction:column;align-items:flex-start;gap:8px}.quickpayments-add-btn{padding:6px 12px;font-size:.75rem}.quickpayments-modal-body{padding:16px}.quickpayments-table{font-size:.75rem}.quickpayments-table th,.quickpayments-table td{padding:8px 6px}.quickpayments-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-quickpayments{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh}.quickpayments-header{flex-wrap:wrap;gap:8px}.quickpayments-header-left{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.context-modal-quickpayments .context-modal-title{font-size:1rem}.quickpayments-add-btn{width:100%;padding:10px;font-size:.813rem}.quickpayments-modal-body{padding:12px;max-height:55vh}.quickpayments-empty{padding:24px;font-size:.875rem}.quickpayments-table{font-size:.688rem;min-width:900px}.quickpayments-table th,.quickpayments-table td{padding:6px 4px}.quickpayments-record-type{font-size:.625rem;padding:2px 6px}.quickpayments-notes{max-width:80px}.quickpayments-action-btn{padding:2px}.quickpayments-modal-footer{padding:12px 16px}.quickpayments-close-btn{width:100%;padding:12px}}.context-modal-guestdebts{width:95vw;max-width:1200px}.guestdebts-header{display:flex;justify-content:space-between;align-items:center}.guestdebts-header-left{display:flex;align-items:center;gap:16px}.guestdebts-add-btn{padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer}.guestdebts-add-btn:hover{background-color:#374151}.guestdebts-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.guestdebts-empty{text-align:center;padding:40px;color:#6b7280}.guestdebts-table-wrapper{overflow-x:auto}.guestdebts-table{width:100%;border-collapse:collapse;font-size:.813rem;min-width:1000px}.guestdebts-table thead tr{background-color:#f9fafb}.guestdebts-table th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.guestdebts-table tbody tr{border-bottom:1px solid #e5e7eb}.guestdebts-table td{padding:10px 8px;color:#4b5563}.guestdebts-amount{font-weight:500}.guestdebts-status{padding:2px 8px;border-radius:9999px;font-size:.7rem;font-weight:500;white-space:nowrap}.guestdebts-status.status-paid{background-color:#dcfce7;color:#166534}.guestdebts-status.status-unpaid{background-color:#fee2e2;color:#991b1b}.guestdebts-actions{display:flex;gap:8px}.guestdebts-action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#1a1a1a}.guestdebts-action-btn:hover{color:#4b5563}.guestdebts-modal-footer{display:flex;justify-content:flex-end;gap:12px}.guestdebts-close-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.guestdebts-close-btn:hover{background-color:#4b5563}@media(max-width:768px){.context-modal-guestdebts{width:98%;max-width:100%}.guestdebts-header-left{flex-direction:column;align-items:flex-start;gap:8px}.guestdebts-add-btn{padding:6px 12px;font-size:.75rem}.guestdebts-modal-body{padding:16px}.guestdebts-table{font-size:.75rem}.guestdebts-table th,.guestdebts-table td{padding:8px 6px}.guestdebts-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-guestdebts{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh}.guestdebts-header{flex-wrap:wrap;gap:8px}.guestdebts-header-left{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.context-modal-guestdebts .context-modal-title{font-size:1rem}.guestdebts-add-btn{width:100%;padding:10px;font-size:.813rem}.guestdebts-modal-body{padding:12px;max-height:55vh}.guestdebts-empty{padding:24px;font-size:.875rem}.guestdebts-table{font-size:.688rem;min-width:800px}.guestdebts-table th,.guestdebts-table td{padding:6px 4px}.guestdebts-status{font-size:.625rem;padding:2px 6px}.guestdebts-action-btn{padding:2px}.guestdebts-modal-footer{padding:12px 16px}.guestdebts-close-btn{width:100%;padding:12px}}.context-modal-deposit{width:95vw;max-width:1200px}.deposit-header{display:flex;justify-content:space-between;align-items:center}.deposit-header-left{display:flex;align-items:center;gap:16px}.deposit-add-btn{padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer}.deposit-add-btn:hover{background-color:#374151}.deposit-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.deposit-reservation-info{background-color:#f9fafb;border-radius:8px;padding:12px 16px;margin-bottom:20px}.deposit-reservation-info span{font-size:.875rem;color:#4b5563}.deposit-empty{text-align:center;padding:40px;color:#6b7280}.deposit-table-wrapper{overflow-x:auto}.deposit-table{width:100%;border-collapse:collapse;font-size:.813rem;min-width:900px}.deposit-table thead tr{background-color:#f9fafb}.deposit-table th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.deposit-table tbody tr{border-bottom:1px solid #e5e7eb}.deposit-table td{padding:10px 8px;color:#4b5563}.deposit-amount{font-weight:500}.deposit-status{display:inline-block;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.deposit-status.status-active{background-color:#dcfce7;color:#15803d}.deposit-status.status-returned{background-color:#f3f4f6;color:#374151}.deposit-actions{display:flex;gap:8px}.deposit-action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#1a1a1a}.deposit-action-btn:hover{color:#4b5563}.deposit-refund-btn{color:#16a34a}.deposit-refund-btn:hover{color:#15803d}.deposit-modal-footer{display:flex;justify-content:flex-end;gap:12px}.deposit-close-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.deposit-close-btn:hover{background-color:#4b5563}@media(max-width:768px){.context-modal-deposit{width:98%;max-width:100%}.deposit-header-left{flex-direction:column;align-items:flex-start;gap:8px}.deposit-add-btn{padding:6px 12px;font-size:.75rem}.deposit-modal-body{padding:16px}.deposit-reservation-info{padding:10px 12px;margin-bottom:16px}.deposit-table{font-size:.75rem}.deposit-table th,.deposit-table td{padding:8px 6px}.deposit-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-deposit{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh}.deposit-header{flex-wrap:wrap;gap:8px}.deposit-header-left{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.context-modal-deposit .context-modal-title{font-size:1rem}.deposit-add-btn{width:100%;padding:10px;font-size:.813rem}.deposit-modal-body{padding:12px;max-height:55vh}.deposit-reservation-info{padding:10px;margin-bottom:12px}.deposit-reservation-info span{font-size:.813rem}.deposit-empty{padding:24px;font-size:.875rem}.deposit-table{font-size:.688rem;min-width:700px}.deposit-table th,.deposit-table td{padding:6px 4px}.deposit-status{font-size:.625rem;padding:3px 8px}.deposit-action-btn{padding:2px}.deposit-modal-footer{padding:12px 16px}.deposit-close-btn{width:100%;padding:12px}}.context-modal-currency{width:500px;overflow:visible}.currency-modal-body{padding:24px;overflow:visible}.currency-form-group{margin-bottom:16px}.currency-form-group:last-child{margin-bottom:0}.currency-dropdown-container,.currency-dropdown-wrapper{position:relative}.currency-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.currency-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;box-sizing:border-box}.currency-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.currency-dropdown-empty{padding:10px 12px;color:#6b7280;font-size:.875rem}.currency-dropdown-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151}.currency-dropdown-option:hover,.currency-dropdown-option.selected{background-color:#f3f4f6}.currency-result-box{background-color:#9ca3af26;border:1px solid rgba(156,163,175,.3);border-radius:8px;padding:16px;text-align:center}.currency-result-label{margin:0 0 8px;font-size:.813rem;color:#6b7280}.currency-result-value{margin:0;font-size:1.5rem;font-weight:700;color:#374151}.currency-result-detail{margin:8px 0 0;font-size:.75rem;color:#6b7280}.currency-modal-footer{display:flex;justify-content:flex-end;gap:12px}.currency-close-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.currency-close-btn:hover{background-color:#4b5563}@media(max-width:768px){.context-modal-currency{width:95%;max-width:480px}.currency-modal-body{padding:20px}.currency-form-group{margin-bottom:12px}.currency-form-label{font-size:.75rem}.currency-form-input,.currency-dropdown-option{padding:8px 10px;font-size:.813rem}.currency-result-box{padding:12px}.currency-result-value{font-size:1.25rem}.currency-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-currency{width:100%;max-width:100%;border-radius:16px 16px 0 0}.currency-modal-body{padding:16px}.currency-form-group{margin-bottom:12px}.currency-form-label{font-size:.75rem}.currency-form-input{padding:10px;font-size:.875rem}.currency-dropdown{max-height:150px}.currency-dropdown-option{padding:10px}.currency-result-box{padding:14px}.currency-result-value{font-size:1.25rem}.currency-result-detail{font-size:.688rem}.currency-modal-footer{flex-direction:column;gap:8px}.currency-close-btn{width:100%;padding:12px}}.context-modal-packages{width:700px}.packages-header{display:flex;justify-content:space-between;align-items:center}.packages-header-left{display:flex;align-items:center;gap:16px}.packages-add-btn{padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer}.packages-add-btn:hover{background-color:#374151}.packages-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.packages-empty{text-align:center;padding:40px;color:#6b7280}.packages-table-wrapper{overflow-x:auto}.packages-table{width:100%;border-collapse:collapse;font-size:.875rem}.packages-table thead tr{background-color:#f9fafb}.packages-table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.packages-table tbody tr{border-bottom:1px solid #e5e7eb}.packages-table td{padding:12px;color:#4b5563}.packages-price{font-weight:500}.packages-action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#1a1a1a}.packages-action-btn:hover{color:#4b5563}.packages-modal-footer{display:flex;justify-content:flex-end;gap:12px}.packages-close-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.packages-close-btn:hover{background-color:#4b5563}@media(max-width:768px){.context-modal-packages{width:95%;max-width:650px}.packages-header-left{flex-direction:column;align-items:flex-start;gap:8px}.packages-add-btn{padding:6px 12px;font-size:.75rem}.packages-modal-body{padding:16px}.packages-table{font-size:.813rem}.packages-table th,.packages-table td{padding:10px 8px}.packages-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-packages{width:100%;max-width:100%;border-radius:16px 16px 0 0}.packages-header{flex-wrap:wrap;gap:8px}.packages-header-left{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.context-modal-packages .context-modal-title{font-size:1rem}.packages-add-btn{width:100%;padding:10px;font-size:.813rem}.packages-modal-body{padding:12px;max-height:60vh}.packages-empty{padding:24px;font-size:.875rem}.packages-table{font-size:.75rem;min-width:400px}.packages-table th,.packages-table td{padding:8px 6px}.packages-action-btn{padding:2px}.packages-modal-footer{padding:12px 16px}.packages-close-btn{width:100%;padding:12px}}.context-modal-kbs{width:95vw;max-width:1400px}.kbs-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.kbs-empty{text-align:center;padding:40px;color:#6b7280}.kbs-table-wrapper{overflow-x:auto}.kbs-table{width:100%;border-collapse:collapse;font-size:.813rem;min-width:1200px}.kbs-table thead tr{background-color:#f9fafb}.kbs-table th{padding:12px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.kbs-table th:last-child{text-align:center}.kbs-table tbody tr{border-bottom:1px solid #e5e7eb}.kbs-table td{padding:10px 8px;color:#374151}.kbs-tcno{font-family:monospace}.kbs-guest{font-weight:500}.kbs-detail{color:#6b7280;font-size:.75rem}.kbs-action-cell{text-align:center}.kbs-status{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.kbs-status.status-success{background-color:#dcfce7;color:#166534}.kbs-status.status-pending{background-color:#fef3c7;color:#92400e}.kbs-status.status-error{background-color:#fee2e2;color:#991b1b}.kbs-process-status{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.kbs-process-status.process-completed{background-color:#dbeafe;color:#1e40af}.kbs-process-status.process-pending{background-color:#e0e7ff;color:#3730a3}.kbs-process-status.process-error{background-color:#fee2e2;color:#991b1b}.kbs-resend-btn{padding:6px 12px;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;white-space:nowrap}.kbs-resend-btn:hover{background-color:#2563eb}.kbs-modal-footer{display:flex;justify-content:flex-end;gap:12px}.kbs-close-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.kbs-close-btn:hover{background-color:#4b5563}@media(max-width:768px){.context-modal-kbs{width:98%;max-width:100%}.kbs-modal-body{padding:16px}.kbs-table{font-size:.75rem}.kbs-table th,.kbs-table td{padding:8px 6px}.kbs-status,.kbs-process-status{padding:3px 6px;font-size:.688rem}.kbs-resend-btn{padding:4px 8px;font-size:.688rem}.kbs-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-kbs{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh}.context-modal-kbs .context-modal-title{font-size:1rem}.kbs-modal-body{padding:12px;max-height:55vh}.kbs-empty{padding:24px;font-size:.875rem}.kbs-table{font-size:.688rem;min-width:1000px}.kbs-table th,.kbs-table td{padding:6px 4px}.kbs-status,.kbs-process-status{padding:2px 5px;font-size:.625rem}.kbs-detail{font-size:.625rem}.kbs-resend-btn{padding:4px 6px;font-size:.625rem}.kbs-modal-footer{padding:12px 16px}.kbs-close-btn{width:100%;padding:12px}}.context-modal-scanneddocs{width:800px;overflow:visible}.scanneddocs-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto;overflow:visible}.scanneddocs-upload-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:24px}.scanneddocs-upload-grid{display:flex;gap:16px;align-items:flex-end}.scanneddocs-form-group{flex:1}.scanneddocs-dropdown-container{position:relative}.scanneddocs-form-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:4px}.scanneddocs-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;background-color:#fff;box-sizing:border-box}.scanneddocs-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px;max-height:150px;overflow-y:auto;z-index:99999;box-shadow:0 10px 25px #00000026}.scanneddocs-dropdown-option{padding:10px 12px;cursor:pointer;font-size:.875rem;color:#374151}.scanneddocs-dropdown-option:hover{background-color:#f3f4f6}.scanneddocs-file-input{width:100%;padding:8px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;background-color:#fff}.scanneddocs-file-input.disabled{opacity:.5}.scanneddocs-empty{text-align:center;padding:40px;color:#6b7280}.scanneddocs-table-wrapper{overflow-x:auto}.scanneddocs-table{width:100%;border-collapse:collapse;font-size:.875rem}.scanneddocs-table thead tr{background-color:#f9fafb}.scanneddocs-table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.scanneddocs-table tbody tr{border-bottom:1px solid #e5e7eb}.scanneddocs-table td{padding:12px;color:#4b5563}.scanneddocs-type-badge{display:inline-block;padding:4px 10px;background-color:#e5e7eb;border-radius:9999px;font-size:.75rem;font-weight:500;color:#374151}.scanneddocs-actions{display:flex;gap:8px}.scanneddocs-action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#1a1a1a}.scanneddocs-action-btn:hover{color:#4b5563}.scanneddocs-modal-footer{display:flex;justify-content:flex-end;gap:12px}.scanneddocs-close-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.scanneddocs-close-btn:hover{background-color:#4b5563}@media(max-width:768px){.context-modal-scanneddocs{width:95%;max-width:750px}.scanneddocs-modal-body{padding:16px}.scanneddocs-upload-section{padding:12px;margin-bottom:16px}.scanneddocs-upload-grid{flex-direction:column;gap:12px;align-items:stretch}.scanneddocs-table{font-size:.813rem}.scanneddocs-table th,.scanneddocs-table td{padding:10px 8px}.scanneddocs-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-scanneddocs{width:100%;max-width:100%;border-radius:16px 16px 0 0}.context-modal-scanneddocs .context-modal-title{font-size:1rem}.scanneddocs-modal-body{padding:12px;max-height:60vh}.scanneddocs-upload-section{padding:10px;margin-bottom:12px}.scanneddocs-upload-grid{flex-direction:column;gap:10px}.scanneddocs-form-label{font-size:.75rem}.scanneddocs-form-input{padding:8px 10px;font-size:.813rem}.scanneddocs-file-input{padding:6px;font-size:.75rem}.scanneddocs-empty{padding:24px;font-size:.875rem}.scanneddocs-table{font-size:.75rem;min-width:500px}.scanneddocs-table th,.scanneddocs-table td{padding:8px 6px}.scanneddocs-type-badge{font-size:.625rem;padding:3px 8px}.scanneddocs-action-btn{padding:2px}.scanneddocs-modal-footer{padding:12px 16px}.scanneddocs-close-btn{width:100%;padding:12px}}.context-modal-resdocs{width:800px}.resdocs-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.resdocs-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:40px 24px;text-align:center;background-color:#f9fafb;margin-bottom:24px;cursor:pointer;transition:all .2s ease}.resdocs-dropzone:hover{border-color:#9ca3af}.resdocs-dropzone.dragging{border-color:#3b82f6;background-color:#eff6ff}.resdocs-dropzone-icon{margin:0 auto 16px;display:block}.resdocs-dropzone-title{margin:0 0 8px;font-size:.938rem;font-weight:500;color:#374151}.resdocs-dropzone-subtitle{margin:0;font-size:.813rem;color:#6b7280}.resdocs-empty{text-align:center;padding:40px;color:#6b7280}.resdocs-table-wrapper{overflow-x:auto}.resdocs-table{width:100%;border-collapse:collapse;font-size:.875rem}.resdocs-table thead tr{background-color:#f9fafb}.resdocs-table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.resdocs-table tbody tr{border-bottom:1px solid #e5e7eb}.resdocs-table td{padding:12px;color:#4b5563}.resdocs-type-badge{display:inline-block;padding:4px 10px;background-color:#e5e7eb;border-radius:9999px;font-size:.75rem;font-weight:500;color:#374151}.resdocs-actions{display:flex;gap:8px}.resdocs-action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#1a1a1a}.resdocs-action-btn:hover{color:#4b5563}.resdocs-modal-footer{display:flex;justify-content:flex-end;gap:12px}.resdocs-close-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.resdocs-close-btn:hover{background-color:#4b5563}@media(max-width:768px){.context-modal-resdocs{width:95%;max-width:750px}.resdocs-modal-body{padding:16px}.resdocs-dropzone{padding:30px 16px;margin-bottom:16px}.resdocs-dropzone-icon{width:40px;height:40px}.resdocs-dropzone-title{font-size:.875rem}.resdocs-dropzone-subtitle{font-size:.75rem}.resdocs-table{font-size:.813rem}.resdocs-table th,.resdocs-table td{padding:10px 8px}.resdocs-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-resdocs{width:100%;max-width:100%;border-radius:16px 16px 0 0}.context-modal-resdocs .context-modal-title{font-size:1rem}.resdocs-modal-body{padding:12px;max-height:60vh}.resdocs-dropzone{padding:24px 12px;margin-bottom:12px}.resdocs-dropzone-icon{width:36px;height:36px;margin-bottom:12px}.resdocs-dropzone-title{font-size:.813rem}.resdocs-dropzone-subtitle{font-size:.688rem}.resdocs-empty{padding:24px;font-size:.875rem}.resdocs-table{font-size:.75rem;min-width:500px}.resdocs-table th,.resdocs-table td{padding:8px 6px}.resdocs-type-badge{font-size:.625rem;padding:3px 8px}.resdocs-action-btn{padding:2px}.resdocs-modal-footer{padding:12px 16px}.resdocs-close-btn{width:100%;padding:12px}}.context-modal-representatives{width:95vw;max-width:1000px;overflow:visible}.representatives-header{display:flex;justify-content:space-between;align-items:center}.representatives-header-left{display:flex;align-items:center;gap:16px}.representatives-add-btn{padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer}.representatives-add-btn:hover{background-color:#374151}.representatives-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.representatives-reservation-info{background-color:#f9fafb;border-radius:8px;padding:12px 16px;margin-bottom:20px}.representatives-reservation-info span{font-size:.875rem;color:#4b5563}.representatives-empty{text-align:center;padding:40px;color:#6b7280}.representatives-table-wrapper{overflow-x:auto}.representatives-table{width:100%;border-collapse:collapse;font-size:.813rem;min-width:800px}.representatives-table thead tr{background-color:#f9fafb}.representatives-table th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.representatives-table tbody tr{border-bottom:1px solid #e5e7eb}.representatives-table td{padding:10px 8px;color:#4b5563}.representatives-name{font-weight:500}.representatives-actions{display:flex;gap:8px}.representatives-action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#1a1a1a}.representatives-action-btn:hover{color:#4b5563}.representatives-modal-footer{display:flex;justify-content:flex-end;gap:12px}.representatives-close-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.representatives-close-btn:hover{background-color:#4b5563}@media(max-width:768px){.context-modal-representatives{width:98%;max-width:100%}.representatives-header-left{flex-direction:column;align-items:flex-start;gap:8px}.representatives-add-btn{padding:6px 12px;font-size:.75rem}.representatives-modal-body{padding:16px}.representatives-reservation-info{padding:10px 12px;margin-bottom:16px}.representatives-table{font-size:.75rem}.representatives-table th,.representatives-table td{padding:8px 6px}.representatives-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-representatives{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh}.context-modal-representatives .context-modal-title{font-size:1rem}.representatives-header-left{flex-direction:column;align-items:flex-start;gap:6px}.representatives-add-btn{padding:6px 10px;font-size:.688rem}.representatives-modal-body{padding:12px;max-height:55vh}.representatives-reservation-info{padding:8px 10px;margin-bottom:12px}.representatives-reservation-info span{font-size:.813rem}.representatives-empty{padding:24px;font-size:.875rem}.representatives-table{font-size:.688rem;min-width:700px}.representatives-table th,.representatives-table td{padding:6px 4px}.representatives-action-btn{padding:2px}.representatives-modal-footer{padding:12px 16px}.representatives-close-btn{width:100%;padding:12px}}.context-modal-reminder{width:95vw;max-width:1200px;z-index:50000}.reminder-header{display:flex;justify-content:space-between;align-items:center}.reminder-header-left{display:flex;align-items:center;gap:16px}.reminder-add-btn{padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer}.reminder-add-btn:hover{background-color:#374151}.reminder-modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.reminder-reservation-info{background-color:#f9fafb;border-radius:8px;padding:12px 16px;margin-bottom:20px}.reminder-reservation-info span{font-size:.875rem;color:#4b5563}.reminder-empty{text-align:center;padding:40px;color:#6b7280}.reminder-table-wrapper{overflow-x:auto}.reminder-table{width:100%;border-collapse:collapse;font-size:.813rem;min-width:1100px}.reminder-table thead tr{background-color:#f9fafb}.reminder-table th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.reminder-table tbody tr{border-bottom:1px solid #e5e7eb}.reminder-table td{padding:10px 8px;color:#4b5563}.reminder-message{max-width:200px;overflow:hidden;text-overflow:ellipsis}.reminder-link{color:#3b82f6;max-width:100px;overflow:hidden;text-overflow:ellipsis}.reminder-status{display:inline-block;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:500}.reminder-status.status-new{background-color:#dbeafe;color:#1d4ed8}.reminder-status.status-active{background-color:#dcfce7;color:#15803d}.reminder-status.status-completed{background-color:#f3f4f6;color:#374151}.reminder-reminder-status{display:inline-block;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:500}.reminder-reminder-status.rstatus-pending{background-color:#fef3c7;color:#b45309}.reminder-reminder-status.rstatus-sent{background-color:#dcfce7;color:#15803d}.reminder-reminder-status.rstatus-cancelled{background-color:#fee2e2;color:#dc2626}.reminder-actions{display:flex;gap:8px}.reminder-action-btn{background:none;border:none;cursor:pointer;padding:4px;color:#1a1a1a}.reminder-action-btn:hover{color:#4b5563}.reminder-modal-footer{display:flex;justify-content:flex-end;gap:12px}.reminder-close-btn{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.reminder-close-btn:hover{background-color:#4b5563}@media(max-width:768px){.context-modal-reminder{width:98%;max-width:100%}.reminder-header-left{flex-direction:column;align-items:flex-start;gap:8px}.reminder-add-btn{padding:6px 12px;font-size:.75rem}.reminder-modal-body{padding:16px}.reminder-reservation-info{padding:10px 12px;margin-bottom:16px}.reminder-table{font-size:.75rem}.reminder-table th,.reminder-table td{padding:8px 6px}.reminder-message{max-width:150px}.reminder-link{max-width:80px}.reminder-close-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:480px){.context-modal-reminder{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh}.context-modal-reminder .context-modal-title{font-size:1rem}.reminder-header-left{flex-direction:column;align-items:flex-start;gap:6px}.reminder-add-btn{padding:6px 10px;font-size:.688rem}.reminder-modal-body{padding:12px;max-height:55vh}.reminder-reservation-info{padding:8px 10px;margin-bottom:12px}.reminder-reservation-info span{font-size:.813rem}.reminder-empty{padding:24px;font-size:.875rem}.reminder-table{font-size:.688rem;min-width:900px}.reminder-table th,.reminder-table td{padding:6px 4px}.reminder-message{max-width:120px}.reminder-link{max-width:60px}.reminder-status,.reminder-reminder-status{font-size:.625rem;padding:3px 6px}.reminder-action-btn{padding:2px}.reminder-modal-footer{padding:12px 16px}.reminder-close-btn{width:100%;padding:12px}}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:99999;pointer-events:none}.toast-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#fff;color:#1f2937;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;min-width:300px;max-width:420px;pointer-events:auto;animation:toastSlideIn .3s ease-out;border-left:4px solid}.toast-item.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-success{border-left-color:#10b981;background:#ecfdf5;color:#065f46}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#ef4444;background:#fef2f2;color:#991b1b}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left-color:#f59e0b;background:#fffbeb;color:#92400e}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left-color:#3b82f6;background:#eff6ff;color:#1e40af}.toast-info .toast-icon{color:#3b82f6}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:.9375rem;font-weight:500;line-height:1.4}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#0000000d;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.toast-close:hover{background:#0000001a;color:#374151}@media(max-width:480px){.toast-container{bottom:16px;right:16px;left:16px}.toast-item{min-width:auto;max-width:none}}.login-page{min-height:100vh;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#0a2818;background-image:linear-gradient(135deg,#00321e66,#00502859,#00321e66),url(https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=2560&q=90&fm=webp);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;position:fixed;inset:0;overflow:hidden}.login-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none}.login-language-selector{position:absolute;top:1.5rem;right:1.5rem;display:flex;gap:.5rem;z-index:10}.lang-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#ffffffb3;border-radius:.5rem;font-size:.813rem;font-weight:600;cursor:pointer;transition:all .2s ease}.lang-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.lang-btn.active{background:#fff;border-color:#fff;color:#1a1a1a}.login-card{width:100%;max-width:420px;background:#fff;border-radius:1.5rem;padding:2.5rem;box-shadow:0 25px 50px #0000004d;position:relative;z-index:1}.login-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.login-logo img{height:32px;width:auto}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.login-header p{font-size:.938rem;color:#6b7280;margin:0}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1.5rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:.25rem}.input-wrapper{position:relative;display:flex;align-items:center}.login-form .input-icon{position:absolute;left:1rem;color:#9ca3af;pointer-events:none;z-index:1;width:18px;height:18px;flex-shrink:0}.login-form .input-wrapper input{width:100%;padding:.875rem 1rem .875rem 3.25rem!important;border:1px solid #e5e7eb;border-radius:.75rem;font-size:.938rem;color:#1a1a1a;background:#f9fafb;transition:all .2s ease}.input-wrapper input:focus{outline:none;border-color:#1a1a1a;background:#fff;box-shadow:0 0 0 3px #1a1a1a1a}.input-wrapper input::placeholder{color:#9ca3af}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:#6b7280}.form-options{display:flex;justify-content:space-between;align-items:center}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#4b5563}.remember-me input{display:none}.remember-me .checkmark{width:18px;height:18px;border:2px solid #d1d5db;border-radius:.25rem;position:relative;transition:all .2s ease}.remember-me input:checked+.checkmark{background:#1a1a1a;border-color:#1a1a1a}.remember-me input:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.forgot-password{font-size:.875rem;color:#1a1a1a;text-decoration:none;font-weight:500;transition:color .2s ease}.forgot-password:hover{color:#4b5563;text-decoration:underline}.login-btn{width:100%;padding:1rem;background:#1a1a1a;color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.login-btn:hover:not(:disabled){background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:2rem;text-align:center}.login-footer p{font-size:.813rem;color:#9ca3af;margin:0}@media(max-width:480px){.login-card{margin:1rem;padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}}.header{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:10000;overflow:visible;width:100%;max-width:100vw;box-sizing:border-box;padding-top:env(safe-area-inset-top)}.header-container{display:grid;grid-template-columns:200px 1fr 250px;align-items:center;padding:.5rem 2rem;max-width:1920px;margin:0 auto;width:100%;box-sizing:border-box}@media screen and (max-width:768px){.header{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.header-container{display:flex!important;grid-template-columns:unset!important;justify-content:space-between!important;align-items:center!important;padding:.5rem 1rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;gap:.5rem!important}.mobile-menu-btn{display:flex!important;order:1!important;flex-shrink:0!important}.header-logo{order:2!important;flex:1!important;justify-content:center!important;min-width:0!important}.header-logo .logo-img{max-width:100px!important;height:auto!important}.header-user{order:3!important;flex-shrink:0!important;display:flex!important}.user-profile{display:flex!important;padding:.25rem!important}.user-avatar{display:flex!important;width:36px!important;height:36px!important}.desktop-nav,.header-nav.desktop-nav,.user-info,.user-dropdown-icon,.user-dropdown-menu,.module-switch-btn{display:none!important}}.header-logo{display:flex;align-items:center}.header-nav{display:flex;justify-content:center;align-items:center;gap:1rem;overflow:visible!important}.nav-item-wrapper{position:relative;padding-bottom:8px;margin-bottom:-8px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.375rem 1rem;text-decoration:none;color:#6b7280;border-radius:.5rem;transition:all .2s ease;cursor:pointer;min-width:80px;border:none;background:none;font-family:inherit}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:0;padding-top:0;background-color:transparent;z-index:99999;opacity:0;visibility:hidden;transition:opacity .2s ease .15s,visibility .2s ease .15s;pointer-events:none}.dropdown-menu-inner{background-color:#fff;border:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:0;box-shadow:0 10px 25px #00000026;min-width:220px;overflow:hidden}.nav-item-wrapper:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#4b5563;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;border-bottom:1px solid #f3f4f6;background-color:#fff}.header-user{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;position:relative}.header-user:hover .user-dropdown-icon{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:0;padding-top:20px;background-color:transparent;z-index:999999;opacity:0;visibility:hidden;transition:opacity .2s ease .15s,visibility .2s ease .15s;pointer-events:none}.user-dropdown-menu-inner{background-color:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 10px 25px #00000026;min-width:200px;overflow:hidden;padding:.5rem 0}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:none;cursor:pointer;color:#374151;border-radius:.5rem;transition:background-color .2s ease}.mobile-submenu-icon{display:flex;align-items:center;color:#6b7280}.mobile-overlay{display:none;position:fixed;inset:60px 0 0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998}.mobile-overlay.show{display:block}.mobile-nav-item-wrapper{width:100%}.mobile-nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;text-decoration:none;color:#4b5563;border-radius:.5rem;transition:all .2s ease;cursor:pointer;width:100%;border:none;background:none;font-family:inherit;font-size:1rem}.mobile-nav-item:hover{background-color:#f3f4f6;color:#1f2937}.mobile-nav-item.active{background-color:#e5e7eb;color:#1f2937;font-weight:600}.mobile-nav-item .nav-icon{margin-bottom:0}.mobile-nav-item .nav-name-with-arrow{flex:1;display:flex;justify-content:space-between;align-items:center}.mobile-dropdown-menu{display:none;flex-direction:column;padding-left:1rem;margin-top:.25rem;border-left:2px solid #e5e7eb;margin-left:1.5rem}.mobile-dropdown-menu.open{display:flex}.mobile-dropdown-menu .dropdown-item{padding:.75rem 1rem;border-bottom:none;border-radius:.375rem}.desktop-only{display:flex}@media(max-width:768px){.desktop-only{display:none!important}}.desktop-nav .nav-item-wrapper:has([href="/hotel"]){display:none}@media(max-width:1024px){.header-container{grid-template-columns:150px 1fr 150px;padding:.75rem 1rem}.nav-item{padding:.5rem .75rem;min-width:60px}.nav-name{font-size:.75rem}.header-nav{gap:.5rem}}@media(max-width:768px){.header-container{display:flex!important;grid-template-columns:unset!important;justify-content:space-between!important;padding:.5rem 1rem!important;gap:.5rem}.mobile-menu-btn{display:flex!important;order:1!important}.header-logo{order:2!important;flex:1!important;justify-content:center!important}.header-user{order:3!important}.desktop-nav,.header-nav.desktop-nav,.user-info,.user-dropdown-icon,.user-dropdown-menu{display:none!important}.user-profile{padding:.25rem;display:flex!important}.user-avatar{display:flex!important;width:36px!important;height:36px!important}.module-switch-btn{display:none!important}.mobile-nav,.mobile-nav-overlay.active{display:block}}@media(max-width:480px){.header-container{padding:.5rem .75rem!important}.mobile-menu-btn{width:40px;height:40px}.header-logo .logo-img{height:18px}.module-switch-btn,.user-avatar{width:32px;height:32px}}.mega-menu-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;color:#4b5563;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:.375rem;transition:all .2s ease;border:none;background:transparent;cursor:pointer;width:100%;text-align:left}.mega-menu-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#f3f4f6;border-radius:.375rem;color:#6b7280;transition:all .2s ease;flex-shrink:0}.mobile-mega-section{padding-left:.5rem}.mobile-mega-section-title{font-size:.7rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem .5rem;border-bottom:1px solid #e5e7eb;margin-bottom:.25rem}.tables-page{padding:1.5rem 2rem;min-height:100vh;background-color:#f9fafb;max-width:1920px;margin:0 auto}.categories-section{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.action-buttons-row{display:flex;gap:.75rem;flex-shrink:0}.categories-carousel-wrapper{flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.categories-carousel{display:flex;gap:.75rem;padding:.25rem 0}.category-btn{flex-shrink:0;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #0000000d}.category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.terminal-btn{flex-shrink:0;padding:.75rem 1.5rem;background-color:#1f2937;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.terminal-btn:hover{background-color:#111827;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.lock-btn{flex-shrink:0;padding:.75rem 1.5rem;background-color:#dc2626;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.lock-btn:hover{background-color:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 8px #dc26264d}.tables-grid{display:flex;flex-direction:column}.tables-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.table-card{background-color:#fff;border-radius:.75rem;padding:1rem 1rem 1.5rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent;box-shadow:0 2px 8px #00000014;height:230px;min-height:230px;max-height:230px;display:flex;flex-direction:column;box-sizing:border-box}.table-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f;border-color:#1f2937}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.625rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:.5rem;box-shadow:0 2px 4px #00000014}.table-name{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.table-status{padding:.25rem .625rem;border-radius:.375rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.table-status.active{background-color:#d1fae5;color:#065f46}.table-status.ready-to-leave{background-color:#fdba74;color:#7c2d12}.table-status.empty{background-color:#e5e7eb;color:#4b5563}.table-status.dirty{background-color:#fee2e2;color:#b91c1c}.table-info{display:flex;flex-direction:column;gap:.625rem}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.info-label{color:#6b7280;font-weight:500;display:flex;align-items:center;gap:.375rem}.info-label svg{color:#9ca3af}.info-value{color:#1f2937;font-weight:600}.amount-row{margin-top:.75rem;padding-top:.75rem;border-top:2px solid #e5e7eb}.info-value.amount{font-size:1.25rem;font-weight:700;color:#059669}.placeholder-text{text-align:center;padding:4rem 2rem;color:#9ca3af;font-size:1rem;font-style:italic}@media(max-width:1280px){.tables-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:1024px){.tables-container{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.table-card{padding:1.25rem}}@media(max-width:768px){.tables-page{padding:1rem}.tables-container{grid-template-columns:repeat(2,1fr);gap:.75rem}.table-card{height:auto;min-height:180px;max-height:none;padding:.75rem}.table-header{padding:.5rem;margin-bottom:.5rem}.table-name{font-size:1rem}.table-status{font-size:.625rem;padding:.2rem .5rem}.info-row{font-size:.75rem}.table-info{gap:.5rem}.category-btn,.terminal-btn{font-size:.875rem;padding:.625rem 1rem}}@media(max-width:640px){.tables-page{padding:.75rem}.tables-container{grid-template-columns:repeat(2,1fr);gap:.5rem}.table-card{height:auto;min-height:160px;max-height:none;padding:.625rem}.table-header{padding:.375rem;margin-bottom:.375rem}.table-name{font-size:.9rem}.table-status{font-size:.5625rem;padding:.15rem .375rem}.info-row{font-size:.6875rem}.table-info{gap:.375rem}.categories-section{flex-direction:column;align-items:stretch;gap:.5rem}.category-btn{font-size:.8125rem;padding:.5rem .75rem}.action-buttons-row{display:flex;gap:.5rem;width:100%}.terminal-btn,.lock-btn{flex:1;justify-content:center;font-size:.8125rem;padding:.5rem .75rem}}@media(max-width:480px){.tables-page{padding:.5rem}.tables-container{grid-template-columns:repeat(2,1fr);gap:.375rem}.table-card{min-height:140px;padding:.5rem}.table-header{padding:.25rem .375rem;margin-bottom:.25rem}.table-name{font-size:.8125rem}.table-status{font-size:.5rem;padding:.125rem .25rem}.info-row,.info-label,.info-value{font-size:.625rem}.table-info{gap:.25rem}.category-btn{font-size:.75rem;padding:.375rem .625rem}}.lock-screen-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0f172a,#1e3a8a,#3b82f6 60%,#60a5fa,#dbeafe);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.lock-screen-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;z-index:10}.lock-screen-logo{height:35px;width:auto;display:block}.lock-screen-datetime{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.lock-screen-time{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.lock-screen-date{font-size:1.125rem;font-weight:500;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.lock-screen-content{width:100%;max-width:400px;padding:2rem;position:relative}.lock-screen-restaurant-name{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);text-align:center;font-size:1.25rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);width:100%;padding:0 2rem;pointer-events:none}.slide-to-unlock-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.lock-icon-container{width:100px;height:100px;background:linear-gradient(135deg,#1f2937,#111827);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 40px #1f29374d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lock-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-align:center}.slide-to-unlock-track{width:100%;height:60px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:30px;position:relative;cursor:pointer;overflow:hidden;user-select:none;-webkit-user-select:none}.slide-to-unlock-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff9;font-size:.875rem;font-weight:500;pointer-events:none;white-space:nowrap}.slide-to-unlock-button{position:absolute;top:4px;left:0;width:52px;height:52px;background:linear-gradient(135deg,#1f2937,#111827);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:grab;transition:left .1s linear;box-shadow:0 4px 12px #dc262666}.slide-to-unlock-button:active{cursor:grabbing}.pin-entry-container{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pin-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0;text-align:center}.pin-dots{display:flex;gap:1rem;justify-content:center;margin:1rem 0;transition:all .3s ease}.pin-dots.error{animation:pin-shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes pin-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.pin-error-message{color:#fca5a5;font-size:.9rem;font-weight:500;text-align:center;margin-bottom:1rem;animation:fadeIn .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background-color:transparent;transition:all .2s ease}.pin-dot.filled{background-color:#fff;border-color:#fff;box-shadow:0 0 10px #ffffff80}.pin-dots.error .pin-dot{border-color:#ef444480}.pin-dots.error .pin-dot.filled{background-color:#ef4444;border-color:#ef4444;box-shadow:0 0 12px #ef444499}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}.pin-key{width:70px;height:70px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin:0 auto}.pin-key:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.pin-key:active{transform:scale(.95);background:#ffffff4d}.pin-key.delete-key{background:#dc262633;border-color:#dc262666}.pin-key.delete-key:hover{background:#dc26264d;border-color:#dc262699}@media(max-width:768px){.lock-screen-header{padding:1.5rem}.lock-screen-logo{height:28px}.lock-screen-time{font-size:1.75rem}.lock-screen-date{font-size:.9375rem}.lock-screen-content{max-width:340px;padding:1.5rem}.lock-icon-container{width:80px;height:80px}.lock-icon-container svg{width:36px;height:36px}.lock-title{font-size:1.25rem}.slide-to-unlock-track{height:54px}.slide-to-unlock-button{width:46px;height:46px}.slide-to-unlock-text{font-size:.8125rem}.lock-screen-restaurant-name{font-size:1rem;bottom:2rem}.pin-title{font-size:1.125rem}.pin-dots{gap:.75rem}.pin-dot{width:14px;height:14px}.pin-keypad{gap:.75rem}.pin-key{width:60px;height:60px;font-size:1.25rem}}@media(max-width:480px){.lock-screen-header{padding:1rem;flex-direction:column;gap:.75rem;align-items:center}.lock-screen-logo{height:24px}.lock-screen-datetime{align-items:center}.lock-screen-time{font-size:1.5rem}.lock-screen-date{font-size:.8125rem}.lock-screen-content{max-width:100%;padding:1rem}.slide-to-unlock-container{gap:1.5rem}.lock-icon-container{width:70px;height:70px}.lock-icon-container svg{width:32px;height:32px}.lock-title{font-size:1.125rem}.slide-to-unlock-track{height:50px;border-radius:25px}.slide-to-unlock-button{width:42px;height:42px}.slide-to-unlock-text{font-size:.75rem}.lock-screen-restaurant-name{font-size:.875rem;bottom:1.5rem;padding:0 1rem}.pin-entry-container{gap:1.5rem}.pin-title{font-size:1rem}.pin-dots{gap:.625rem;margin:.75rem 0}.pin-dot{width:12px;height:12px}.pin-error-message{font-size:.8125rem}.pin-keypad{gap:.625rem;max-width:240px}.pin-key{width:52px;height:52px;font-size:1.125rem}}@media(max-width:360px){.lock-screen-header{padding:.75rem}.lock-screen-time{font-size:1.25rem}.lock-screen-date{font-size:.75rem}.lock-icon-container{width:60px;height:60px}.lock-icon-container svg{width:28px;height:28px}.lock-title{font-size:1rem}.slide-to-unlock-track{height:46px}.slide-to-unlock-button{width:38px;height:38px}.pin-keypad{gap:.5rem;max-width:200px}.pin-key{width:46px;height:46px;font-size:1rem}.lock-screen-restaurant-name{font-size:.75rem;bottom:1rem}}.terminal-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.terminal-modal{background:#fff;border-radius:16px;width:90%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;overflow:hidden}.terminal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.terminal-modal-header h2{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;color:#111827;margin:0}.terminal-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;transition:all .15s}.terminal-modal-close:hover{background:#f3f4f6;color:#111827}.terminal-modal-tabs{display:flex;border-bottom:1px solid #e5e7eb;padding:0 24px;background:#f9fafb}.terminal-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;transition:all .15s}.terminal-tab:hover{color:#374151}.terminal-tab.active{color:#2563eb;border-bottom-color:#2563eb}.terminal-modal-body{flex:1;overflow-y:auto;padding:24px}.terminal-status-content{display:flex;flex-direction:column;gap:16px}.terminal-status-card,.terminal-info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.terminal-status-card h3,.terminal-info-card h3{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px}.terminal-status-indicator{display:flex;align-items:center;justify-content:center;padding:24px;margin-bottom:16px}.terminal-status-indicator>div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.terminal-status-indicator p{margin:0;font-size:13px;font-weight:500}.status-idle{color:#6b7280}.status-testing{color:#d97706}.status-success{color:#16a34a}.status-error{color:#dc2626}.terminal-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.terminal-action-btn:disabled{opacity:.6;cursor:not-allowed}.terminal-action-btn.primary{background:#2563eb;color:#fff}.terminal-action-btn.primary:hover:not(:disabled){background:#1d4ed8}.terminal-action-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.terminal-action-btn.secondary:hover:not(:disabled){background:#e5e7eb}.terminal-action-btn.warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.terminal-action-btn.warning:hover:not(:disabled){background:#fde68a}.terminal-action-btn.danger{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.terminal-action-btn.danger:hover:not(:disabled){background:#fee2e2}.terminal-baskets-content{display:flex;flex-direction:column;gap:16px}.terminal-baskets-header,.terminal-logs-header{display:flex;align-items:center;justify-content:space-between}.terminal-baskets-header h3,.terminal-logs-header h3{font-size:14px;font-weight:600;color:#374151;margin:0}.terminal-loading,.terminal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#9ca3af;gap:8px}.terminal-loading p,.terminal-empty p{margin:0;font-size:13px}.terminal-baskets-list{display:flex;flex-direction:column;gap:12px}.terminal-basket-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.basket-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.basket-title{font-weight:600;font-size:14px;color:#111827}.basket-status{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase}.basket-status.open{background:#dcfce7;color:#16a34a}.basket-status.locked{background:#fef3c7;color:#92400e}.basket-card-info{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.basket-info-row{display:flex;justify-content:space-between;font-size:12px;color:#6b7280}.basket-info-row span:last-child{font-weight:500;color:#374151}.basket-id{font-family:monospace;font-size:11px}.basket-card-actions{display:flex;gap:8px;justify-content:flex-end}.terminal-logs-content{display:flex;flex-direction:column;gap:16px}.terminal-logs-list{overflow-x:auto}.terminal-logs-table{width:100%;border-collapse:collapse;font-size:12px}.terminal-logs-table th{text-align:left;padding:10px 12px;background:#f3f4f6;color:#374151;font-weight:600;border-bottom:1px solid #e5e7eb;white-space:nowrap}.terminal-logs-table td{padding:8px 12px;border-bottom:1px solid #f3f4f6;color:#4b5563}.log-date{white-space:nowrap;font-size:11px}.log-operation{background:#eff6ff;color:#2563eb;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.log-basket-id{font-family:monospace;font-size:11px}.log-status{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px}.log-status.success{background:#dcfce7;color:#16a34a}.log-status.failed{background:#fef2f2;color:#dc2626}.log-status.pending{background:#fef3c7;color:#92400e}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 1s linear infinite}@media(max-width:768px){.terminal-modal{width:95%;max-height:90vh}.terminal-modal-header{padding:16px 18px}.terminal-modal-tabs{padding:0 12px}.terminal-tab{padding:10px 12px;font-size:12px}.terminal-modal-body{padding:16px}}.table-detail-page{min-height:100vh;background-color:#f9fafb}.table-detail-container{display:grid;grid-template-columns:1fr 450px;gap:1.5rem;padding:1.5rem;max-width:1920px;margin:0 auto;min-height:calc(100vh - 60px)}.detail-content{display:grid;grid-template-columns:1fr 450px;gap:1.5rem;padding:1.5rem;max-width:1920px;margin:0 auto;min-height:100vh}.products-section{display:flex;flex-direction:column;gap:1.5rem;min-width:0;overflow:hidden}.products-header{display:flex;align-items:center;gap:1rem}.products-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{background-color:#e5e7eb;color:#1f2937}.category-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;background-color:var(--category-color, #1f2937);color:#fff;opacity:.7}.category-tab:hover{opacity:.85;transform:translateY(-2px)}.category-tab.active{opacity:1;box-shadow:0 4px 12px #0003}.products-categories{display:flex;align-items:center;gap:1rem;min-width:0;overflow:hidden}.categories-carousel-wrapper{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.categories-carousel-wrapper::-webkit-scrollbar{display:none}.categories-carousel{display:inline-flex;gap:.75rem;padding:.25rem 0}.category-btn{flex-shrink:0;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.category-btn.active{box-shadow:0 4px 12px #00000026}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.product-card{background-color:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 4px #00000014;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer;position:relative}.product-card:before{content:"";position:absolute;inset:0;background-color:#1f293726;opacity:0;pointer-events:none;z-index:1}.product-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000001f}.product-card:active:before{animation:clickEffect 1s ease-out}@keyframes clickEffect{0%{opacity:1}to{opacity:0}}.product-image{width:100%;height:150px;overflow:hidden;background-color:#f3f4f6}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{padding:.75rem;flex:1;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.product-details{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.product-name{font-size:.875rem;font-weight:600;color:#1f2937;margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-category{font-size:.7rem;color:#6b7280;margin:0}.product-price{font-size:.9rem;font-weight:700;color:#059669;margin:0;white-space:nowrap;flex-shrink:0}.product-price-container{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.product-price-discounted{color:#dc2626}.product-price-original{font-size:.75rem;font-weight:500;color:#9ca3af;text-decoration:line-through;margin:0}.cart-section{background-color:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 3rem - 65px);position:sticky;top:1.5rem;width:450px;min-width:450px;max-width:450px;flex-shrink:0;overflow:visible}.cart-header{padding:1.5rem;border-bottom:2px solid #e5e7eb}.cart-header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cart-header h2{margin:0;font-size:1.5rem;color:#1f2937}.cart-header-actions{display:flex;align-items:center;gap:.5rem}.guest-select-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:none;border:none;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease}.guest-select-btn:hover{color:#1f2937}.transfer-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;cursor:pointer;transition:all .2s ease}.transfer-btn:hover{background-color:#e5e7eb;color:#1f2937}.cart-items{flex:1;overflow-y:auto;padding:.375rem}.cart-empty{display:flex;align-items:center;justify-content:center;padding:3rem 1rem}.cart-empty p{color:#9ca3af;font-size:1rem}.cart-item{padding:.375rem;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.375rem}.cart-item:last-child{border-bottom:none}.cart-item-row{display:flex;gap:.75rem;align-items:center}.cart-item-image{width:60px;height:60px;border-radius:.5rem;overflow:hidden;flex-shrink:0;background-color:#f3f4f6}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-info-section{flex:1;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.cart-item-details{display:flex;flex-direction:column;gap:.25rem}.cart-item-name{margin:0;font-size:.875rem;font-weight:600;color:#1f2937;line-height:1.2}.cart-item-price-row{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.cart-item-unit-price{font-size:.75rem;color:#6b7280;font-weight:500;white-space:nowrap}.cart-item-quantity-badge{font-size:.75rem;color:#4b5563;font-weight:600;background-color:#f3f4f6;padding:.125rem .5rem;border-radius:.25rem;white-space:nowrap}.cart-item-total-price{font-size:.875rem;font-weight:700;color:#059669;white-space:nowrap;margin-left:auto}.cart-item-actions{display:flex;align-items:center;gap:.375rem}.action-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;cursor:pointer;transition:all .2s ease;flex-shrink:0}.action-icon-btn:hover{background-color:#e5e7eb;color:#1f2937}.note-btn:hover{background-color:#dbeafe;color:#1e40af;border-color:#bfdbfe}.edit-btn:hover{background-color:#fef3c7;color:#d97706;border-color:#fde68a}.quantity-controls{display:flex;gap:.25rem}.quantity-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:#1f2937;border:none;border-radius:.375rem;color:#fff;cursor:pointer;transition:all .2s ease}.quantity-btn:hover{background-color:#111827;transform:scale(1.05)}.cart-footer{padding:1rem;border-top:2px solid #e5e7eb;background-color:#fff}.cart-totals{margin-bottom:1rem;padding:1rem;background-color:#f9fafb;border-radius:8px}.cart-subtotal,.cart-service-fee,.cart-tax{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;color:#6b7280;border-bottom:1px dashed #e5e7eb}.subtotal-amount,.service-fee-amount,.tax-amount{font-weight:500;color:#374151}.cart-service-fee,.service-fee-amount{color:#059669}.cart-total{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;margin-top:.5rem;font-size:1.125rem;font-weight:700;color:#1f2937;border-top:2px solid #1f2937}.total-amount{font-size:1.25rem;font-weight:700;color:#1f2937}.cart-actions{display:flex;align-items:center;gap:.5rem}.cart-actions .action-icon-btn{width:36px;height:36px}.invoice-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.invoice-btn:hover{background-color:#111827;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200000;padding:1rem}.modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-tabs{display:flex;border-bottom:1px solid #e5e7eb;padding:0 1.5rem}.modal-tab{flex:1;padding:1rem;background:none;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.modal-tab:hover{color:#1f2937}.modal-tab.active{color:#1f2937;border-bottom-color:#1f2937}.modal-search{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-search input{flex:1;padding:.5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;outline:none;transition:border-color .2s ease}.modal-search input:focus{border-color:#1f2937}.modal-list{flex:1;overflow-y:auto;padding:.5rem;max-height:400px}.modal-list-item{width:100%;padding:.75rem 1rem;margin-bottom:.25rem;background:none;border:2px solid transparent;border-radius:.375rem;text-align:left;font-size:.875rem;color:#4b5563;cursor:pointer;transition:all .2s ease}.modal-list-item:hover{background-color:#f3f4f6;color:#1f2937}.modal-list-item.selected{background-color:#e5e7eb;border-color:#1f2937;color:#1f2937;font-weight:600}.modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:2px solid #e5e7eb}.modal-cancel-btn,.modal-confirm-btn{flex:1;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-cancel-btn{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.modal-cancel-btn:hover{background-color:#e5e7eb;color:#1f2937}.modal-confirm-btn{background-color:#1f2937;border:none;color:#fff}.modal-confirm-btn:hover:not(:disabled){background-color:#111827}.modal-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.transfer-modal{max-width:400px}.transfer-options{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.transfer-option-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#1f2937;cursor:pointer;transition:all .2s ease}.transfer-option-btn:hover{background-color:#f3f4f6;border-color:#1f2937}.confirmation-modal{max-width:450px}.confirmation-content{padding:2rem 1.5rem;text-align:center}.confirmation-content p{font-size:1rem;color:#4b5563;line-height:1.6;margin:0}.modal-confirm-btn.danger{background-color:#dc2626}.modal-confirm-btn.danger:hover:not(:disabled){background-color:#b91c1c}.payment-modal{max-width:400px}.payment-options{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.payment-option-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;padding:1.25rem 1.5rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.9375rem;font-weight:600;color:#1f2937;cursor:pointer;transition:all .2s ease}.payment-option-btn:hover{background-color:#f3f4f6;border-color:#1f2937;transform:translateY(-2px)}@media(max-width:1280px){.detail-content,.table-detail-container{grid-template-columns:2fr 1fr}.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:1024px){.detail-content,.table-detail-container{grid-template-columns:1fr}.cart-section{position:static;max-height:none;height:auto;width:100%;min-width:unset;max-width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:768px){.detail-content,.table-detail-container{padding:1rem;gap:1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.cart-actions{flex-wrap:wrap}.invoice-btn{flex:1 1 100%}}.payment-method-modal{max-width:450px}.payment-method-options{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.payment-method-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;font-weight:600;color:#1f2937;cursor:pointer;transition:all .2s ease}.payment-method-btn:hover{background-color:#f3f4f6;border-color:#1f2937;transform:translateY(-2px)}.payment-method-icon{font-size:1.75rem}.partial-payment-modal{max-width:600px;max-height:85vh}.partial-payment-list{flex:1;overflow-y:auto;padding:.5rem;max-height:400px}.partial-payment-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.5rem;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.partial-payment-item:hover{background-color:#f9fafb;border-color:#d1d5db}.partial-payment-item.selected{background-color:#eff6ff;border-color:#3b82f6}.partial-payment-checkbox{display:flex;align-items:center}.partial-payment-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.partial-payment-item-image{width:60px;height:60px;min-width:60px;min-height:60px;border-radius:.5rem;overflow:hidden;flex-shrink:0;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.partial-payment-item-image img{width:100%;height:100%;object-fit:cover;display:block}.partial-payment-item-details{flex:1;min-width:0}.partial-payment-item-details h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:#1f2937}.partial-payment-item-details p{margin:0;font-size:.8125rem;color:#6b7280}.partial-payment-item-total{font-size:1rem;font-weight:700;color:#059669;white-space:nowrap}.partial-payment-footer{border-top:2px solid #e5e7eb;background-color:#fff}.partial-payment-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:1.125rem;font-weight:600;color:#1f2937}.partial-payment-total .total-amount{font-size:1.25rem;font-weight:700;color:#059669}.split-payment-modal{max-width:480px;width:95%;max-height:85vh;display:flex;flex-direction:column}.split-payment-body{padding:1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem}.split-total-display{text-align:center;padding:1rem;background-color:#f9fafb;border-radius:.5rem}.split-total-label{font-size:.8125rem;color:#6b7280;margin-bottom:.25rem}.split-total-amount{font-size:1.75rem;font-weight:700;color:#1f2937}.split-quick-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.split-quick-btn{padding:.75rem .5rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:all .15s ease;text-align:center}.split-quick-btn:hover{border-color:#1f2937}.split-quick-btn.active{border-color:#1f2937;border-width:2px;background-color:#f9fafb}.split-quick-btn-count{font-size:1.125rem;font-weight:600;color:#1f2937}.split-quick-btn-amount{font-size:.75rem;color:#6b7280;margin-top:.125rem}.split-shares-list{display:flex;flex-direction:column;gap:.5rem}.split-share-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.split-share-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:#1f2937;color:#fff;border-radius:50%;font-size:.8125rem;font-weight:600;flex-shrink:0}.split-share-amount-input{flex:1;min-width:0;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.9375rem;font-weight:500;background-color:#fff;transition:border-color .15s ease}.split-share-amount-input:focus{outline:none;border-color:#1f2937}.split-share-method-select{padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;background-color:#fff;cursor:pointer;min-width:90px}.split-share-method-select:focus{outline:none;border-color:#1f2937}.split-share-remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;cursor:pointer;font-size:1.125rem;transition:all .15s ease;flex-shrink:0}.split-share-remove-btn:hover:not(:disabled){border-color:#dc2626;color:#dc2626}.split-share-remove-btn:disabled{opacity:.4;cursor:not-allowed}.split-add-share-btn{width:100%;padding:.75rem;border:1px dashed #d1d5db;border-radius:.5rem;background-color:transparent;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .15s ease}.split-add-share-btn:hover{border-color:#1f2937;color:#1f2937}.split-warning{padding:.75rem;background-color:#fef3c7;border-radius:.375rem;font-size:.8125rem;color:#92400e;text-align:center}.split-payment-content{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem}.split-payment-info{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:#f9fafb;border-radius:.5rem}.split-info-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.split-info-row span:first-child{color:#6b7280;font-weight:500}.split-total{font-size:1.25rem;font-weight:700;color:#1f2937}.split-per-person{font-size:1.5rem;font-weight:700;color:#059669}.split-person-selector{display:flex;align-items:center;justify-content:center;gap:2rem}.split-person-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#1f2937;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s ease}.split-person-btn:hover:not(:disabled){background-color:#111827;transform:scale(1.05)}.split-person-btn:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.split-person-count{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:100px}.person-count-number{font-size:3rem;font-weight:700;color:#1f2937;line-height:1}.person-count-label{font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.table-transfer-modal,.table-merge-modal{max-width:550px}.transfer-table-selection{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.current-table-info{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f9fafb;border-radius:.5rem;font-size:1rem;font-weight:500;color:#4b5563}.table-badge,.waiter-badge{padding:.5rem 1rem;background-color:#1f2937;color:#fff;border-radius:.375rem;font-weight:600;font-size:.9375rem}.target-table-list h4,.waiter-list h4,.product-selection-section h4,.target-table-section h4{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:#1f2937}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem}.table-select-btn{padding:1rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.9375rem;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s ease}.table-select-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.table-select-btn.selected{background-color:#eff6ff;border-color:#3b82f6;color:#1e40af}.product-transfer-modal{max-width:650px;max-height:85vh}.product-transfer-content{padding:1rem;display:flex;flex-direction:column;gap:1.5rem;max-height:500px;overflow-y:auto}.product-transfer-list{display:flex;flex-direction:column;gap:.5rem;max-height:250px;overflow-y:auto}.product-transfer-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.product-transfer-item:hover{background-color:#f9fafb;border-color:#d1d5db}.product-transfer-item.selected{background-color:#eff6ff;border-color:#3b82f6}.product-transfer-checkbox{display:flex;align-items:center}.product-transfer-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.product-transfer-image{width:50px;height:50px;border-radius:.375rem;overflow:hidden;flex-shrink:0;background-color:#f3f4f6}.product-transfer-image img{width:100%;height:100%;object-fit:cover}.product-transfer-details{flex:1;min-width:0}.product-transfer-details h5{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#1f2937}.product-transfer-details p{margin:0;font-size:.75rem;color:#6b7280}.product-transfer-quantity{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem;background-color:#f9fafb;border-radius:.375rem}.quantity-btn-small{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:#1f2937;border:none;border-radius:.375rem;color:#fff;cursor:pointer;transition:all .2s ease}.quantity-btn-small:hover{background-color:#111827;transform:scale(1.05)}.quantity-display{font-size:.875rem;font-weight:600;color:#1f2937;min-width:60px;text-align:center}.waiter-change-modal{max-width:450px}.waiter-selection{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.current-waiter-info{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f9fafb;border-radius:.5rem;font-size:1rem;font-weight:500;color:#4b5563}.waiter-list{display:flex;flex-direction:column;gap:.5rem}.waiter-select-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.9375rem;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s ease}.waiter-select-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.waiter-select-btn.selected{background-color:#eff6ff;border-color:#3b82f6;color:#1e40af}.service-fee-modal{max-width:450px}.service-fee-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.fee-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.fee-type-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s ease}.fee-type-btn span:first-child{font-size:1.75rem}.fee-type-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.fee-type-btn.active{background-color:#eff6ff;border-color:#3b82f6;color:#1e40af}.fee-input-section{display:flex;flex-direction:column;gap:.75rem}.fee-input-section label{font-size:.9375rem;font-weight:600;color:#1f2937}.fee-input-wrapper{position:relative;display:flex;align-items:center}.fee-input-wrapper input{flex:1;padding:.875rem 3rem .875rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1.125rem;font-weight:600;color:#1f2937;outline:none;transition:border-color .2s ease}.fee-input-wrapper input:focus{border-color:#3b82f6}.fee-input-suffix{position:absolute;right:1rem;font-size:1.125rem;font-weight:600;color:#6b7280;pointer-events:none}.fee-preview{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f0fdf4;border:2px solid #86efac;border-radius:.5rem;font-size:1rem;font-weight:600}.fee-preview span:first-child{color:#166534}.fee-amount{font-size:1.25rem;color:#059669}.note-modal{max-width:450px}.note-item-info{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#f3f4f6;border-radius:.5rem;margin-bottom:1rem}.note-item-name{font-weight:600;color:#1f2937}.note-item-quantity{font-size:.875rem;color:#6b7280;background-color:#e5e7eb;padding:.25rem .5rem;border-radius:.25rem}.note-input-wrapper{margin-bottom:.5rem}.note-textarea{width:100%;padding:.875rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.9375rem;color:#1f2937;resize:vertical;outline:none;transition:border-color .2s ease;font-family:inherit}.note-textarea:focus{border-color:#3b82f6}.cart-item-note{font-size:.75rem;color:#f59e0b;margin:.25rem 0;padding:.25rem .5rem;background-color:#fef3c7;border-radius:.25rem;display:inline-block}@media(min-width:1400px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:1280px){.detail-content{grid-template-columns:2fr 1fr;gap:1rem;padding:1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}.product-image{height:130px}.cart-header{padding:1rem}.cart-header h2{font-size:1.25rem}.cart-totals{padding:.75rem}}@media(max-width:1024px){.detail-content{grid-template-columns:1fr;gap:1rem;padding:.875rem}.products-section{gap:1rem}.cart-section{position:static;max-height:none;height:auto;width:100%!important;min-width:unset!important;max-width:100%!important;border-radius:.5rem;display:flex!important;flex-direction:column!important;overflow:visible!important}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.875rem}.product-image{height:120px}.product-info{padding:.625rem}.product-name,.product-price{font-size:.8125rem}.category-btn{padding:.625rem 1.25rem;font-size:.8125rem}.cart-items{max-height:350px}.cart-item-image{width:50px;height:50px}.cart-item-name{font-size:.8125rem}.cart-item-unit-price,.cart-item-quantity-badge{font-size:.7rem}.cart-item-total-price{font-size:.8125rem}.modal-content{max-width:90%}.modal-header{padding:1rem}.modal-header h3{font-size:1.125rem}.modal-footer{padding:.875rem 1rem}}@media(max-width:768px){.table-detail-page{min-height:auto}.detail-content{padding:.75rem;gap:.875rem}.products-categories,.categories-carousel{gap:.5rem}.category-btn{padding:.5rem 1rem;font-size:.75rem;border-radius:.375rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.product-card{border-radius:.5rem}.product-image{height:100px}.product-info{padding:.5rem;flex-direction:column;align-items:flex-start;gap:.25rem}.product-name{font-size:.75rem}.product-category{font-size:.625rem}.product-price{font-size:.75rem}.cart-section{position:static!important;width:100%!important;min-width:unset!important;max-width:100%!important;height:auto!important;max-height:none!important;border-radius:.5rem;display:flex!important;flex-direction:column!important;overflow:visible!important}.cart-header{padding:.875rem}.cart-header h2{font-size:1.125rem}.cart-header-content{flex-wrap:wrap;gap:.5rem}.guest-select-btn{padding:.375rem .5rem;font-size:.75rem}.transfer-btn{width:32px;height:32px}.cart-items{padding:.25rem;max-height:300px}.cart-item{padding:.25rem}.cart-item-row{gap:.5rem}.cart-item-image{width:45px;height:45px;border-radius:.375rem}.cart-item-info-section{flex-direction:column;align-items:flex-start;gap:.375rem}.cart-item-name{font-size:.75rem}.cart-item-price-row{gap:.375rem}.cart-item-unit-price{font-size:.6875rem}.cart-item-quantity-badge{font-size:.6875rem;padding:.125rem .375rem}.cart-item-total-price{font-size:.75rem}.cart-item-actions{gap:.25rem;width:100%;justify-content:flex-end}.action-icon-btn,.quantity-btn{width:26px;height:26px}.cart-footer{padding:.75rem}.cart-totals{padding:.625rem;margin-bottom:.75rem}.cart-subtotal,.cart-service-fee,.cart-tax{font-size:.8125rem;padding:.375rem 0}.cart-total{font-size:1rem;padding-top:.5rem}.total-amount{font-size:1.125rem}.cart-actions{gap:.375rem;flex-wrap:wrap}.cart-actions .action-icon-btn{width:32px;height:32px}.invoice-btn{flex:1 1 100%;padding:.625rem .875rem;font-size:.8125rem;order:1}.modal-overlay{padding:.75rem;z-index:200000}.modal-content{max-width:100%;max-height:95vh;border-radius:.625rem}.modal-header{padding:.875rem 1rem}.modal-header h3{font-size:1rem}.modal-close-btn{width:28px;height:28px}.modal-tabs{padding:0 .75rem}.modal-tab{padding:.75rem .5rem;font-size:.75rem}.modal-search{padding:.75rem 1rem;gap:.5rem}.modal-search input{padding:.5rem .75rem;font-size:.8125rem}.modal-list{max-height:300px;padding:.375rem}.modal-list-item{padding:.625rem .75rem;font-size:.8125rem}.modal-footer{padding:.75rem 1rem;gap:.5rem}.modal-cancel-btn,.modal-confirm-btn{padding:.625rem .875rem;font-size:.8125rem}.transfer-modal{max-width:100%}.transfer-options{padding:.75rem;gap:.5rem}.transfer-option-btn{padding:.875rem;gap:.75rem;font-size:.8125rem}.payment-modal{max-width:100%}.payment-options{padding:.75rem;gap:.5rem}.payment-option-btn{padding:1rem;gap:.75rem;font-size:.875rem}.payment-method-modal{max-width:100%}.payment-method-options{padding:.75rem;gap:.5rem}.payment-method-btn{padding:1rem;gap:.75rem;font-size:.9375rem}.payment-method-icon{font-size:1.5rem}.partial-payment-modal{max-width:100%;max-height:90vh}.partial-payment-list{max-height:300px;padding:.375rem}.partial-payment-item{padding:.75rem;gap:.75rem}.partial-payment-item-image{width:50px;height:50px;min-width:50px;min-height:50px}.partial-payment-item-details h4{font-size:.875rem}.partial-payment-item-details p{font-size:.75rem}.partial-payment-item-total{font-size:.9375rem}.partial-payment-total{padding:.75rem 1rem;font-size:1rem}.partial-payment-total .total-amount{font-size:1.125rem}.split-payment-modal{max-width:100%;max-height:90vh}.split-payment-body{padding:1rem;gap:.875rem}.split-total-display{padding:.875rem}.split-total-label{font-size:.75rem}.split-total-amount{font-size:1.5rem}.split-quick-buttons{gap:.375rem}.split-quick-btn{padding:.625rem .375rem}.split-quick-btn-count{font-size:1rem}.split-quick-btn-amount{font-size:.6875rem}.split-share-item{gap:.5rem;padding:.625rem}.split-share-number{width:24px;height:24px;font-size:.75rem}.split-share-amount-input{padding:.5rem .625rem;font-size:.875rem}.split-share-method-select{padding:.5rem .625rem;font-size:.8125rem;min-width:80px}.split-share-remove-btn{width:28px;height:28px;font-size:1rem}.split-add-share-btn{padding:.625rem;font-size:.8125rem}.split-warning{padding:.625rem;font-size:.75rem}.split-payment-content{padding:1.5rem 1rem;gap:1.5rem}.split-payment-info{padding:1rem}.split-info-row{font-size:.9375rem}.split-total{font-size:1.125rem}.split-per-person{font-size:1.25rem}.split-person-selector{gap:1.5rem}.split-person-btn{width:42px;height:42px}.person-count-number{font-size:2.5rem}.person-count-label{font-size:.75rem}.table-transfer-modal,.table-merge-modal{max-width:100%}.transfer-table-selection{padding:1rem;gap:1rem}.current-table-info{padding:.75rem;font-size:.9375rem}.table-badge,.waiter-badge{padding:.375rem .75rem;font-size:.875rem}.target-table-list h4,.waiter-list h4,.product-selection-section h4,.target-table-section h4{font-size:.875rem;margin-bottom:.75rem}.table-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.table-select-btn{padding:.75rem;font-size:.8125rem}.product-transfer-modal{max-width:100%;max-height:90vh}.product-transfer-content{padding:.75rem;gap:1rem;max-height:400px}.product-transfer-list{max-height:200px}.product-transfer-item{padding:.625rem;gap:.5rem}.product-transfer-image{width:45px;height:45px}.product-transfer-details h5{font-size:.8125rem}.product-transfer-details p{font-size:.6875rem}.product-transfer-quantity{padding:.375rem;gap:.375rem}.quantity-btn-small{width:24px;height:24px}.quantity-display{font-size:.75rem;min-width:50px}.waiter-change-modal{max-width:100%}.waiter-selection{padding:1rem;gap:1rem}.current-waiter-info{padding:.75rem;font-size:.9375rem}.waiter-select-btn{padding:.875rem 1rem;font-size:.875rem;gap:.5rem}.service-fee-modal{max-width:100%}.service-fee-content{padding:1rem;gap:1rem}.fee-type-btn{padding:1rem;font-size:.8125rem}.fee-type-btn span:first-child{font-size:1.5rem}.fee-input-section label{font-size:.875rem}.fee-input-wrapper input{padding:.75rem 2.5rem .75rem .875rem;font-size:1rem}.fee-input-suffix{font-size:1rem}.fee-preview{padding:.75rem;font-size:.9375rem}.fee-amount{font-size:1.125rem}.note-modal{max-width:100%}.modal-body{padding:1rem}.note-item-info{padding:.625rem .875rem}.note-item-name{font-size:.9375rem}.note-textarea{padding:.75rem;font-size:.875rem}.confirmation-modal{max-width:100%}.confirmation-content{padding:1.5rem 1rem}.confirmation-content p{font-size:.9375rem}}@media(max-width:576px){.detail-content{padding:.5rem;gap:.75rem}.products-section{gap:.75rem}.category-btn{padding:.5rem .875rem;font-size:.6875rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.product-image{height:90px}.product-info{padding:.375rem}.product-name{font-size:.6875rem;-webkit-line-clamp:1}.product-category{display:none}.product-price{font-size:.6875rem}.cart-section{position:static!important;width:100%!important;min-width:unset!important;max-width:100%!important;height:auto!important;max-height:none!important;border-radius:.5rem;display:flex!important;flex-direction:column!important;overflow:visible!important}.cart-header{padding:.75rem}.cart-header h2{font-size:1rem}.cart-header-content{flex-direction:column;align-items:stretch}.cart-header-actions{justify-content:space-between}.guest-select-btn{flex:1;justify-content:center;padding:.5rem;font-size:.75rem;background-color:#f3f4f6;border-radius:.375rem}.transfer-btn{width:36px;height:36px}.cart-items{max-height:250px;overflow-y:auto}.cart-item-image{width:40px;height:40px}.cart-item-name{font-size:.6875rem}.cart-item-unit-price,.cart-item-quantity-badge{font-size:.625rem}.cart-item-total-price{font-size:.6875rem}.action-icon-btn,.quantity-btn{width:24px;height:24px}.cart-footer{padding:.625rem}.cart-totals{padding:.5rem;margin-bottom:.625rem}.cart-subtotal,.cart-service-fee,.cart-tax{font-size:.75rem;padding:.25rem 0}.cart-total{font-size:.9375rem}.total-amount{font-size:1rem}.cart-actions .action-icon-btn{width:30px;height:30px}.invoice-btn{padding:.5rem .75rem;font-size:.75rem}.modal-overlay{padding:.5rem}.modal-content{max-height:95vh;border-radius:.5rem}.modal-header{padding:.75rem}.modal-header h3{font-size:.9375rem}.modal-close-btn{width:26px;height:26px}.modal-tabs{padding:0 .5rem}.modal-tab{padding:.625rem .375rem;font-size:.6875rem}.modal-search{padding:.625rem .75rem}.modal-search input{padding:.375rem .625rem;font-size:.75rem}.modal-list{max-height:250px;padding:.25rem}.modal-list-item{padding:.5rem .625rem;font-size:.75rem}.modal-footer{padding:.625rem .75rem;gap:.375rem}.modal-cancel-btn,.modal-confirm-btn{padding:.5rem .75rem;font-size:.75rem}.transfer-options{padding:.5rem;gap:.375rem}.transfer-option-btn{padding:.75rem;gap:.5rem;font-size:.75rem}.transfer-option-btn svg{width:18px;height:18px}.payment-options{padding:.5rem;gap:.375rem}.payment-option-btn{padding:.875rem;gap:.625rem;font-size:.8125rem}.payment-option-btn svg{width:20px;height:20px}.payment-method-options{padding:.5rem;gap:.375rem}.payment-method-btn{padding:.875rem;gap:.625rem;font-size:.875rem}.payment-method-icon{font-size:1.25rem}.partial-payment-list{max-height:220px;padding:.25rem}.partial-payment-item{padding:.5rem;gap:.5rem}.partial-payment-checkbox input[type=checkbox]{width:18px;height:18px}.partial-payment-item-image{width:40px;height:40px;min-width:40px;min-height:40px}.partial-payment-item-details h4{font-size:.8125rem}.partial-payment-item-details p{font-size:.6875rem}.partial-payment-item-total{font-size:.8125rem}.partial-payment-total{padding:.625rem .75rem;font-size:.9375rem}.partial-payment-total .total-amount{font-size:1rem}.split-payment-content{padding:1rem .75rem;gap:1.25rem}.split-payment-info{padding:.75rem;gap:.75rem}.split-info-row{font-size:.875rem}.split-total{font-size:1rem}.split-per-person{font-size:1.125rem}.split-person-selector{gap:1.25rem}.split-person-btn{width:38px;height:38px}.split-person-count{min-width:80px}.person-count-number{font-size:2rem}.person-count-label{font-size:.6875rem}.transfer-table-selection{padding:.75rem;gap:.75rem}.current-table-info{padding:.625rem;font-size:.8125rem;flex-direction:column;gap:.5rem;text-align:center}.table-badge,.waiter-badge{padding:.375rem .625rem;font-size:.8125rem}.target-table-list h4,.waiter-list h4,.product-selection-section h4,.target-table-section h4{font-size:.8125rem;margin-bottom:.5rem}.table-grid{grid-template-columns:repeat(3,1fr);gap:.375rem}.table-select-btn{padding:.625rem .375rem;font-size:.75rem}.product-transfer-content{padding:.5rem;gap:.75rem;max-height:350px}.product-transfer-list{max-height:150px}.product-transfer-item{padding:.5rem;gap:.375rem}.product-transfer-checkbox input[type=checkbox]{width:16px;height:16px}.product-transfer-image{width:38px;height:38px}.product-transfer-details h5{font-size:.75rem}.product-transfer-details p{font-size:.625rem}.product-transfer-quantity{padding:.25rem;gap:.25rem}.quantity-btn-small{width:22px;height:22px}.quantity-display{font-size:.6875rem;min-width:40px}.waiter-selection{padding:.75rem;gap:.75rem}.current-waiter-info{padding:.625rem;font-size:.8125rem;flex-direction:column;gap:.5rem;text-align:center}.waiter-select-btn{padding:.75rem;font-size:.8125rem;gap:.375rem}.waiter-select-btn svg{width:16px;height:16px}.service-fee-content{padding:.75rem;gap:.75rem}.fee-type-selector{gap:.5rem}.fee-type-btn{padding:.75rem;font-size:.75rem}.fee-type-btn span:first-child{font-size:1.25rem}.fee-input-section label{font-size:.8125rem}.fee-input-wrapper input{padding:.625rem 2rem .625rem .75rem;font-size:.9375rem}.fee-input-suffix{font-size:.9375rem;right:.75rem}.fee-preview{padding:.625rem;font-size:.8125rem}.fee-amount{font-size:1rem}.modal-body{padding:.75rem}.note-item-info{padding:.5rem .75rem;margin-bottom:.75rem}.note-item-name{font-size:.875rem}.note-item-quantity{font-size:.75rem}.note-textarea{padding:.625rem;font-size:.8125rem}.confirmation-content{padding:1.25rem .75rem}.confirmation-content p{font-size:.875rem}}@media(max-width:480px){.detail-content{padding:.375rem;gap:.5rem}.category-btn{padding:.375rem .75rem;font-size:.625rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:.375rem}.product-card{border-radius:.375rem}.product-image{height:80px}.product-info{padding:.25rem}.product-name,.product-price{font-size:.625rem}.cart-section{position:static!important;width:100%!important;min-width:unset!important;max-width:100%!important;height:auto!important;max-height:none!important;border-radius:.375rem;display:flex!important;flex-direction:column!important;overflow:visible!important}.cart-header{padding:.5rem}.cart-header h2{font-size:.9375rem}.guest-select-btn{padding:.375rem;font-size:.6875rem}.transfer-btn{width:32px;height:32px}.cart-items{max-height:200px;padding:.125rem}.cart-item{padding:.125rem}.cart-item-row{gap:.375rem}.cart-item-image{width:36px;height:36px}.cart-item-name{font-size:.625rem}.cart-item-unit-price,.cart-item-quantity-badge{font-size:.5625rem}.cart-item-total-price{font-size:.625rem}.action-icon-btn,.quantity-btn{width:22px;height:22px}.cart-footer{padding:.5rem}.cart-totals{padding:.375rem;margin-bottom:.5rem}.cart-subtotal,.cart-service-fee,.cart-tax{font-size:.6875rem}.cart-total{font-size:.875rem}.total-amount{font-size:.9375rem}.cart-actions .action-icon-btn{width:28px;height:28px}.invoice-btn{padding:.5rem .625rem;font-size:.6875rem}.modal-overlay{padding:.25rem}.modal-content{border-radius:.375rem}.modal-header{padding:.625rem}.modal-header h3{font-size:.875rem}.modal-close-btn{width:24px;height:24px}.modal-tab{padding:.5rem .25rem;font-size:.625rem}.modal-search{padding:.5rem}.modal-search input{padding:.375rem .5rem;font-size:.6875rem}.modal-list{max-height:200px}.modal-list-item{padding:.375rem .5rem;font-size:.6875rem}.modal-footer{padding:.5rem}.modal-cancel-btn,.modal-confirm-btn{padding:.375rem .625rem;font-size:.6875rem}.transfer-option-btn,.payment-option-btn,.payment-method-btn{padding:.625rem;font-size:.6875rem;gap:.375rem}.partial-payment-item{padding:.375rem;gap:.375rem}.partial-payment-item-image{width:35px;height:35px;min-width:35px;min-height:35px}.partial-payment-item-details h4{font-size:.75rem}.partial-payment-item-details p{font-size:.625rem}.partial-payment-item-total{font-size:.75rem}.split-payment-content{padding:.75rem .5rem;gap:1rem}.split-payment-info{padding:.5rem;gap:.5rem}.split-info-row{font-size:.8125rem}.split-total{font-size:.9375rem}.split-per-person{font-size:1rem}.split-person-btn{width:34px;height:34px}.person-count-number{font-size:1.75rem}.person-count-label{font-size:.625rem}.table-grid{grid-template-columns:repeat(3,1fr);gap:.25rem}.table-select-btn{padding:.5rem .25rem;font-size:.6875rem}.product-transfer-list{max-height:120px}.product-transfer-item{padding:.375rem;gap:.25rem}.product-transfer-image{width:32px;height:32px}.product-transfer-details h5{font-size:.6875rem}.product-transfer-details p{font-size:.5625rem}.quantity-btn-small{width:20px;height:20px}.quantity-display{font-size:.625rem;min-width:35px}.waiter-select-btn{padding:.625rem;font-size:.75rem}.fee-type-btn{padding:.625rem;font-size:.6875rem}.fee-type-btn span:first-child{font-size:1rem}.fee-input-wrapper input{padding:.5rem 1.75rem .5rem .625rem;font-size:.875rem}.fee-input-suffix{font-size:.875rem;right:.625rem}.fee-preview{padding:.5rem;font-size:.75rem}.fee-amount{font-size:.9375rem}.note-item-info{padding:.375rem .5rem}.note-item-name{font-size:.8125rem}.note-textarea{padding:.5rem;font-size:.75rem}.confirmation-content{padding:1rem .5rem}.confirmation-content p{font-size:.8125rem}}.toast-notification{position:fixed;bottom:1.5rem;right:1.5rem;background-color:#059669;color:#fff;padding:.625rem 1rem;border-radius:.375rem;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;z-index:300000;animation:toastSlideIn .3s ease-out}.toast-notification span{font-size:1rem}@keyframes toastSlideIn{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.mobile-cart-fab,.mobile-cart-modal-overlay{display:none}@media(max-width:768px){.cart-section{display:none!important}.mobile-cart-fab{display:flex;align-items:center;gap:.5rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background-color:#1f2937;color:#fff;padding:.75rem 1.25rem;border-radius:2rem;border:none;box-shadow:0 4px 12px #0000004d;cursor:pointer;z-index:1000;font-size:.875rem;font-weight:600}.mobile-cart-fab:active{transform:translate(-50%) scale(.95)}.mobile-cart-badge{position:absolute;top:-6px;right:-6px;background-color:#dc2626;color:#fff;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-cart-total{font-weight:700}.mobile-cart-modal-overlay{display:flex;position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:flex-end;justify-content:center;z-index:99999}.mobile-cart-modal{background-color:#fff;width:100%;max-height:85vh;border-radius:1.5rem 1.5rem 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-cart-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.mobile-cart-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.mobile-cart-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:50%;cursor:pointer;color:#6b7280}.mobile-cart-modal-body{flex:1;overflow-y:auto;padding:.75rem}.mobile-cart-empty{text-align:center;padding:2rem;color:#9ca3af}.mobile-cart-item{display:flex;flex-direction:row;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.75rem;margin-bottom:.5rem;align-items:center}.mobile-cart-item-image{width:56px;height:56px;border-radius:.5rem;overflow:hidden;flex-shrink:0}.mobile-cart-item-image img{width:100%;height:100%;object-fit:cover}.mobile-cart-item-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.mobile-cart-item-info{display:flex;justify-content:space-between;align-items:center}.mobile-cart-item-name{font-size:.875rem;font-weight:600;color:#1f2937}.mobile-cart-item-price{font-size:.8125rem;color:#6b7280}.mobile-cart-item-actions{display:flex;justify-content:space-between;align-items:center}.mobile-cart-quantity-controls{display:flex;align-items:center;gap:.75rem;background-color:#fff;padding:.25rem .5rem;border-radius:.5rem;border:1px solid #e5e7eb}.mobile-cart-qty-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background-color:#1f2937;color:#fff;border-radius:.375rem;cursor:pointer}.mobile-cart-qty{font-size:.875rem;font-weight:600;min-width:24px;text-align:center}.mobile-cart-item-total{font-size:.9375rem;font-weight:700;color:#1f2937}.mobile-cart-modal-footer{border-top:1px solid #e5e7eb;padding:1rem;background-color:#f9fafb}.mobile-cart-totals{margin-bottom:1rem}.mobile-cart-subtotal,.mobile-cart-service,.mobile-cart-tax{display:flex;justify-content:space-between;font-size:.8125rem;color:#6b7280;margin-bottom:.375rem}.mobile-cart-grand-total{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;color:#1f2937;padding-top:.5rem;border-top:1px solid #e5e7eb;margin-top:.5rem}.mobile-cart-actions{display:flex;gap:.75rem}.mobile-cart-back-btn,.mobile-cart-pay-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;border:none}.mobile-cart-back-btn{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.mobile-cart-pay-btn{background-color:#1f2937;color:#fff}.table-detail-container{grid-template-columns:1fr;padding-bottom:5rem}}.cash-payment-modal{width:420px;max-width:95vw}.cash-payment-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.cash-payment-total-section,.cash-payment-received-section,.cash-payment-change-section{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f9fafb;border-radius:.75rem}.cash-payment-label{font-size:.875rem;font-weight:500;color:#6b7280}.cash-payment-total-amount{font-size:1.5rem;font-weight:700;color:#1f2937}.cash-payment-input-display{font-size:1.5rem;font-weight:700;color:#2563eb;min-width:120px;text-align:right}.cash-payment-change-amount{font-size:1.5rem;font-weight:700}.cash-payment-change-amount.positive{color:#059669}.cash-payment-change-amount.negative{color:#dc2626}.cash-payment-quick-amounts{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.cash-quick-amount-btn{padding:.75rem .5rem;background-color:#e0e7ff;color:#4338ca;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.cash-quick-amount-btn:hover{background-color:#c7d2fe}.cash-payment-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.cash-keypad-btn{padding:1.25rem;background-color:#f3f4f6;color:#1f2937;border:1px solid #e5e7eb;border-radius:.75rem;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .2s}.cash-keypad-btn:hover{background-color:#e5e7eb}.cash-keypad-btn:active{background-color:#d1d5db;transform:scale(.98)}.cash-keypad-btn.clear{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.cash-keypad-btn.clear:hover{background-color:#fee2e2}.cash-keypad-btn.backspace{background-color:#fef3c7;color:#d97706;border-color:#fde68a}.cash-keypad-btn.backspace:hover{background-color:#fde68a}@media(max-width:768px){.cash-payment-modal{width:95vw;max-width:400px}.cash-payment-body{padding:1rem;gap:1rem}.cash-payment-total-section,.cash-payment-received-section,.cash-payment-change-section{padding:.875rem}.cash-payment-total-amount,.cash-payment-input-display,.cash-payment-change-amount{font-size:1.25rem}.cash-payment-quick-amounts{grid-template-columns:repeat(3,1fr);gap:.5rem}.cash-quick-amount-btn{padding:.625rem .375rem;font-size:.8125rem}.cash-keypad-btn{padding:1rem;font-size:1.125rem}}@media(max-width:480px){.cash-payment-modal{width:100%;max-width:100%;margin:0;border-radius:1rem 1rem 0 0;max-height:95vh;overflow-y:auto}.cash-payment-body{padding:.875rem;gap:.75rem}.cash-payment-total-section,.cash-payment-received-section,.cash-payment-change-section{padding:.75rem;border-radius:.5rem}.cash-payment-label{font-size:.75rem}.cash-payment-total-amount,.cash-payment-input-display,.cash-payment-change-amount{font-size:1.125rem}.cash-payment-input-display{min-width:80px}.cash-payment-quick-amounts{grid-template-columns:repeat(3,1fr);gap:.375rem}.cash-quick-amount-btn{padding:.5rem .25rem;font-size:.75rem;border-radius:.375rem}.cash-payment-keypad{gap:.375rem}.cash-keypad-btn{padding:.875rem;font-size:1rem;border-radius:.5rem}.modal-footer{padding:.75rem 1rem;gap:.5rem}.modal-cancel-btn,.modal-confirm-btn{padding:.75rem 1rem;font-size:.875rem}}@media(max-width:360px){.cash-payment-modal{max-height:90vh}.cash-payment-body{padding:.625rem;gap:.5rem}.cash-payment-total-section,.cash-payment-received-section,.cash-payment-change-section{padding:.5rem .625rem}.cash-payment-label{font-size:.6875rem}.cash-payment-total-amount,.cash-payment-input-display,.cash-payment-change-amount{font-size:1rem}.cash-quick-amount-btn{padding:.375rem .125rem;font-size:.6875rem}.cash-keypad-btn{padding:.625rem;font-size:.875rem}}.overview-page{padding:1.25rem;max-width:1920px;margin:0 auto;background-color:#f9fafb;min-height:100vh;overflow-x:hidden}.overview-header{margin-bottom:1.25rem}.overview-header h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .375rem}.overview-subtitle{font-size:.875rem;color:#6b7280;margin:0}.overview-actions{display:flex;flex-direction:row;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.overview-actions .action-btn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:.625rem;padding:1rem 1.75rem;background:linear-gradient(135deg,#1f2937,#374151);border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;white-space:nowrap;min-width:fit-content}.overview-actions .action-btn:hover{background:#fff;color:#1f2937;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.overview-actions .action-btn svg{flex-shrink:0}.overview-actions .action-btn span{white-space:nowrap}.overview-content{display:grid;grid-template-columns:1fr 2fr;gap:1rem;align-items:start}.summary-cards{display:flex;flex-direction:column;gap:1rem}.summary-card{background-color:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.summary-card-header{background:linear-gradient(135deg,#1f2937,#374151);padding:.75rem 1rem}.summary-card-header h3{font-size:.9rem;font-weight:700;color:#fff;margin:0}.summary-card-body{padding:1rem;display:flex;flex-direction:column;gap:.625rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.summary-label{display:flex;align-items:center;gap:.3rem;color:#6b7280;font-weight:500}.summary-label svg{color:#9ca3af;width:13px;height:13px}.summary-value{font-weight:600;color:#1f2937;font-size:.75rem}.summary-divider{height:1px;background-color:#e5e7eb;margin:.3rem 0}.summary-row.total{font-size:.8rem;padding-top:.3rem}.summary-row.total .summary-label{color:#1f2937}.total-value{font-size:1rem;font-weight:700;color:#059669}.chart-section{background-color:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014;padding:1rem;display:flex;flex-direction:column;height:100%;overflow:hidden;max-width:100%}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-header h3{font-size:1rem;font-weight:700;color:#1f2937;margin:0}.chart-controls{display:flex;gap:.75rem;align-items:center}.date-range-select{padding:.625rem 2.5rem .625rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#1f2937;background-color:#fff;cursor:pointer;transition:all .2s ease;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;min-width:140px}.date-range-select:hover{border-color:#1f2937;background-color:#f9fafb}.date-range-select:focus{border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.date-range-select option{padding:.5rem;font-weight:500}.chart-legend{display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.8rem;font-weight:500;color:#6b7280}.legend-color{width:14px;height:14px;border-radius:.25rem}.legend-color.income{background:linear-gradient(135deg,#86efac,#4ade80)}.legend-color.expense{background:linear-gradient(135deg,#fca5a5,#f87171)}.chart-container{display:flex;gap:.75rem;margin-bottom:1.25rem;flex:1;overflow-x:auto;overflow-y:hidden;max-width:100%;padding-bottom:.5rem}.chart-container::-webkit-scrollbar{height:6px}.chart-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chart-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chart-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:.75rem 0;font-size:.7rem;color:#6b7280;font-weight:500;min-width:70px;text-align:right}.chart-bars{display:flex;gap:.5rem;align-items:flex-end;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;min-height:250px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.chart-bars::-webkit-scrollbar{height:6px}.chart-bars::-webkit-scrollbar-track{background:#e5e7eb;border-radius:3px}.chart-bars::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.chart-bar-group{min-width:50px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-bars-wrapper{width:100%;display:flex;gap:.25rem;align-items:flex-end;height:200px}.chart-bar{flex:1;border-radius:.375rem .375rem 0 0;position:relative;transition:all .3s ease;cursor:pointer;min-height:20px;display:flex;align-items:flex-start;justify-content:center;padding-top:.375rem}.chart-bar.income{background:linear-gradient(180deg,#86efac,#4ade80)}.chart-bar.expense{background:linear-gradient(180deg,#fca5a5,#f87171)}.chart-bar:hover{filter:brightness(1.1);transform:scaleY(1.02)}.bar-value{font-size:.7rem;font-weight:600;color:#1f2937;opacity:0;transition:opacity .2s ease;text-shadow:none}.chart-bar:hover .bar-value{opacity:1}.chart-x-label{font-size:.75rem;color:#6b7280;font-weight:500;text-align:center}.chart-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb}.summary-stat{display:flex;gap:.75rem;padding:.75rem;border-radius:.5rem;background-color:#f9fafb;transition:all .2s ease}.summary-stat:hover{background-color:#f3f4f6;transform:translateY(-2px)}.summary-stat svg{flex-shrink:0;width:18px;height:18px}.income-stat svg{color:#10b981}.expense-stat svg{color:#f87171}.profit-stat svg{color:#3b82f6}.stat-content{display:flex;flex-direction:column;gap:.2rem}.stat-label{font-size:.75rem;color:#6b7280;font-weight:500}.stat-value{font-size:.95rem;font-weight:700;color:#1f2937}.modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.end-of-day-modal{max-width:700px}.end-of-day-modal .modal-body{padding:1.5rem}.end-of-day-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.25rem}.end-of-day-modal .form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.end-of-day-modal .form-group label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.end-of-day-modal .form-input,.end-of-day-modal .form-select{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;background-color:#fff;transition:all .2s ease;outline:none;box-sizing:border-box}.end-of-day-modal .form-input:focus,.end-of-day-modal .form-select:focus{border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.end-of-day-modal .form-group.full-width{grid-column:1 / -1}.end-of-day-modal .form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;background-color:#fff;transition:all .2s ease;outline:none;resize:vertical;font-family:inherit;box-sizing:border-box}.end-of-day-modal .form-textarea:focus{border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.end-of-day-modal .session-info{background-color:#f0fdf4;border:1px solid #86efac;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.end-of-day-modal .session-info h4{font-size:.875rem;font-weight:600;color:#166534;margin:0 0 .75rem}.end-of-day-modal .session-details{display:flex;flex-direction:column;gap:.5rem}.end-of-day-modal .session-item{display:flex;justify-content:space-between;align-items:center}.end-of-day-modal .session-label{font-size:.8rem;color:#374151}.end-of-day-modal .session-value{font-size:.875rem;font-weight:600;color:#166534}.modal-content.logs-modal{max-width:1200px!important;width:90%!important}.notes-modal{max-width:900px}.preview-modal{max-width:700px}.preview-modal .modal-header,.preview-modal .modal-body{padding:.75rem 1rem}.preview-modal .modal-footer{padding:.5rem 1rem}.confirm-modal{max-width:500px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid #e5e7eb;background-color:#f9fafb}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background-color:#e5e7eb;color:#1f2937}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:600;color:#374151}.form-input,.form-select{padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#1f2937;background-color:#fff;transition:all .2s ease;outline:none}.form-input:focus,.form-select:focus{border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.form-textarea{padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#1f2937;background-color:#fff;transition:all .2s ease;outline:none;resize:vertical;font-family:inherit}.form-textarea:focus{border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:2px solid #e5e7eb;background-color:#f9fafb;justify-content:flex-end}.modal-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.modal-btn.primary-btn{background-color:#1f2937;color:#fff}.modal-btn.primary-btn:hover{background-color:#111827;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.modal-btn.secondary-btn{background-color:#3b82f6;color:#fff}.modal-btn.secondary-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f64d}.modal-btn.cancel-btn{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.modal-btn.cancel-btn:hover{background-color:#e5e7eb;color:#1f2937}.logs-content,.notes-content{min-height:400px;display:flex;align-items:center;justify-content:center}.placeholder-text{color:#9ca3af;font-size:1rem;text-align:center}.logs-widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.logs-widget{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.widget-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;color:#fff}.widget-icon.total-icon{background-color:#059669}.widget-icon.payment-icon{background-color:#3b82f6}.widget-icon.product-icon{background-color:#f59e0b}.widget-icon.table-icon{background-color:#8b5cf6}.widget-content{display:flex;flex-direction:column;gap:.125rem}.widget-label{font-size:.6875rem;color:#6b7280;font-weight:500}.widget-value{display:flex;align-items:baseline;gap:.25rem}.widget-value .value-number{font-size:.8125rem;font-weight:600;color:#1f2937}.widget-value .value-unit{font-size:.6875rem;font-weight:500;color:#6b7280}.logs-filter-section{background-color:#f9fafb;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.filter-group{display:flex;flex-direction:column;gap:.375rem;min-width:120px}.filter-group label{font-size:.75rem;font-weight:600;color:#374151}.filter-group .form-select,.filter-group .form-input{padding:.5rem .75rem;font-size:.875rem}.search-group{flex:1;min-width:200px}.search-input-wrapper .form-input{padding-left:2.25rem;width:100%}.filter-btn-group{min-width:auto}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:#111827}.logs-table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.5rem}.logs-table{width:100%;border-collapse:collapse;font-size:.875rem}.logs-table thead{background-color:#f9fafb;position:sticky;top:0;z-index:10}.logs-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap;background-color:#f9fafb}.logs-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;color:#4b5563}.logs-table tbody tr:hover{background-color:#f9fafb}.logs-table tbody tr:last-child td{border-bottom:none}.log-type{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.log-type.sale{background-color:#d1fae5;color:#059669}.log-type.cancel{background-color:#fee2e2;color:#dc2626}.logs-table td.positive{color:#059669;font-weight:600}.logs-table td.negative{color:#dc2626;font-weight:600}.note-form{background-color:#f9fafb;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.note-form-row{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1rem}.add-note-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#1f2937;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.add-note-btn:hover{background-color:#111827}.notes-list{margin-top:1rem}.notes-list-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.no-notes-text{color:#9ca3af;font-size:.875rem;text-align:center;padding:2rem}.note-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:.75rem;transition:all .2s ease}.note-item:hover{box-shadow:0 2px 8px #00000014}.note-item:last-child{margin-bottom:0}.note-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.note-item-title{margin:0;font-size:.9375rem;font-weight:600;color:#1f2937}.note-item-date{font-size:.75rem;color:#6b7280;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.note-item-description{margin:0 0 .75rem;font-size:.875rem;color:#4b5563;line-height:1.5}.note-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid #f3f4f6}.note-item-author{font-size:.75rem;color:#059669;font-weight:500}.note-item-created{font-size:.75rem;color:#9ca3af}.preview-section{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.preview-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.preview-title{font-size:.9rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.preview-info p{margin:.25rem 0;font-size:.8rem;color:#4b5563}.preview-info strong{color:#1f2937;font-weight:600}.preview-summary{background-color:#f9fafb;padding:.5rem .75rem;border-radius:.5rem;margin-bottom:.5rem}.preview-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8rem}.preview-row.total{padding-top:.5rem;font-size:.9rem;font-weight:700}.preview-label{color:#6b7280;font-weight:500}.preview-row.total .preview-label{color:#1f2937}.preview-value{font-weight:600;color:#1f2937}.preview-value.income{color:#059669}.preview-value.expense{color:#f87171}.preview-value.profit{color:#3b82f6;font-size:1.125rem}.preview-divider{height:1px;background-color:#e5e7eb;margin:.5rem 0}.preview-breakdown{background-color:#fff;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem}.breakdown-title{font-size:.8rem;font-weight:600;color:#1f2937;margin:0 0 .4rem;padding-bottom:.3rem;border-bottom:1px solid #e5e7eb}.preview-notes{background-color:#f9fafb;padding:.5rem .75rem;border-radius:.5rem;font-size:.8rem;color:#4b5563;line-height:1.5;white-space:pre-wrap}.confirm-content{padding:2rem 1rem;text-align:center}.confirm-text{font-size:1rem;color:#4b5563;line-height:1.6;margin:0 0 1rem}.confirm-warning{font-size:1.125rem;color:#1f2937;margin:0}.confirm-warning strong{color:#dc2626}.eadisyon-section{margin-top:2rem}.eadisyon-card{background-color:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014;overflow:hidden}.eadisyon-header,.e-adisyon-header{background:linear-gradient(135deg,#1f2937,#374151);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.eadisyon-header h3,.e-adisyon-header h3{font-size:1.125rem;font-weight:700;color:#fff;margin:0}.eadisyon-header-controls{display:flex;gap:.75rem;align-items:center}.date-range-filters{display:flex;gap:.5rem}.date-filter-input{padding:.5rem .75rem;border:1px solid rgba(255,255,255,.3);border-radius:.375rem;font-size:.875rem;color:#fff;background-color:#ffffff1a;outline:none;transition:all .2s ease}.date-filter-input:focus{border-color:#ffffff80;background-color:#ffffff26}.export-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.export-btn.excel-btn{background-color:#10b981}.export-btn.excel-btn:hover{background-color:#059669}.export-btn.pdf-btn{background-color:#ef4444}.export-btn.pdf-btn:hover{background-color:#dc2626}.eadisyon-tabs{display:flex;border-bottom:2px solid #e5e7eb;background-color:#f9fafb}.eadisyon-tab,.e-adisyon-tab{flex:1;padding:1rem;background:none;border:none;border-bottom:3px solid transparent;font-size:.9375rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.eadisyon-tab:hover,.e-adisyon-tab:hover{color:#374151;background-color:#f3f4f6}.eadisyon-tab.active,.e-adisyon-tab.active{color:#1f2937;background-color:#fff;border-bottom-color:#1f2937}.eadisyon-search{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.eadisyon-search svg{color:#6b7280;flex-shrink:0}.eadisyon-search-input{flex:1;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none;transition:all .2s ease}.eadisyon-search-input:focus{border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.eadisyon-table-container{overflow-x:auto;min-height:440px}.eadisyon-table{width:100%;border-collapse:collapse}.eadisyon-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.eadisyon-table th{padding:.5rem 1rem;text-align:left;font-size:.8125rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.eadisyon-table td{padding:.5rem 1rem;font-size:.875rem;color:#4b5563;border-bottom:1px solid #e5e7eb}.eadisyon-table tbody tr:hover{background-color:#f9fafb}.eadisyon-table tbody tr:last-child td{border-bottom:none}.order-no{font-weight:600;color:#1f2937}.order-amount{font-weight:600;color:#059669}.view-detail-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:none;border:none;color:#1f2937;cursor:pointer;transition:all .2s ease;border-radius:.375rem}.view-detail-btn:hover{background-color:#f3f4f6;color:#000}.eadisyon-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background-color:#f9fafb;border-top:1px solid #e5e7eb}.eadisyon-pagination .pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.eadisyon-pagination .pagination-btn:hover:not(:disabled){background-color:#111827}.eadisyon-pagination .pagination-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.5}.eadisyon-pagination .pagination-info{font-size:.875rem;color:#6b7280;font-weight:500}.eadisyon-detail-modal{max-width:700px}.eadisyon-detail-modal .modal-body{padding:.75rem}.order-detail-info{background-color:#f9fafb;padding:.5rem .75rem;border-radius:.375rem;margin-bottom:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.8125rem;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#4b5563;font-size:.75rem}.detail-value{color:#1f2937;font-weight:500;font-size:.8125rem}.detail-value.cancel-reason{color:#dc2626;font-weight:600}.order-items-section h4{font-size:.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.order-items-table{width:100%;border-collapse:collapse;margin-bottom:.75rem}.order-items-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.order-items-table th{padding:.4rem .5rem;text-align:left;font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase}.order-items-table td{padding:.4rem .5rem;font-size:.8125rem;color:#4b5563;border-bottom:1px solid #e5e7eb}.order-items-table tbody tr:last-child td{border-bottom:none}.order-summary{background-color:#f9fafb;padding:.5rem .75rem;border-radius:.375rem}.order-summary .summary-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.8125rem}.order-summary .summary-row.total{padding-top:.4rem;font-size:.9375rem;font-weight:700}.order-summary .summary-label{color:#6b7280;font-weight:500;font-size:.75rem}.order-summary .summary-row.total .summary-label{color:#1f2937;font-size:.875rem}.order-summary .summary-value{font-weight:600;color:#1f2937}.order-summary .summary-row.total .summary-value{color:#059669;font-size:1.125rem}.order-summary .summary-row.service-fee .summary-label,.order-summary .summary-row.service-fee .summary-value{color:#059669}.export-icon-btn{display:flex;align-items:center;justify-content:center;padding:.625rem;border:none;border-radius:.375rem;color:#fff;cursor:pointer;transition:all .2s ease}.export-icon-btn.excel-btn{background-color:#10b981}.export-icon-btn.excel-btn:hover{background-color:#059669}.export-icon-btn.pdf-btn{background-color:#ef4444}.export-icon-btn.pdf-btn:hover{background-color:#dc2626}.export-icon-btn.print-btn{background-color:#6366f1}.export-icon-btn.print-btn:hover{background-color:#4f46e5}@media(max-width:1280px){.overview-content{grid-template-columns:1fr}.summary-cards{flex-direction:row;flex-wrap:wrap}.summary-card{flex:1;min-width:280px}.chart-summary{grid-template-columns:repeat(3,1fr)}.eadisyon-header,.e-adisyon-header{flex-direction:column;gap:1rem;align-items:flex-start}.eadisyon-header-controls{flex-wrap:wrap;width:100%}.date-range-filters{flex:1}.logs-widgets{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.overview-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.overview-actions .action-btn{padding:.625rem .75rem;font-size:.8125rem}.overview-actions .action-btn span{display:none}.overview-actions .action-btn svg{margin:0}}@media(max-width:768px){.overview-page{padding:.75rem}.overview-header{margin-bottom:1rem}.overview-header h1{font-size:1.25rem}.overview-subtitle{font-size:.8125rem}.overview-content{grid-template-columns:1fr;gap:.75rem}.summary-cards{flex-direction:column}.summary-card{min-width:100%}.chart-section{padding:.75rem}.chart-bars{gap:.5rem;min-height:180px}.chart-bars-wrapper{height:150px}.chart-y-axis{min-width:50px;font-size:.625rem}.chart-summary{grid-template-columns:1fr;gap:.5rem}.overview-actions{display:flex;flex-direction:row;gap:.625rem;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:-.75rem;margin-right:-.75rem;padding:.25rem .75rem .5rem}.overview-actions::-webkit-scrollbar{display:none}.overview-actions .action-btn{flex:0 0 auto;min-width:fit-content;padding:1rem 1.25rem;flex-direction:row;gap:.5rem;font-size:.8125rem;justify-content:center;align-items:center;scroll-snap-align:start;border-radius:.625rem}.overview-actions .action-btn span{display:block;font-size:.75rem;text-align:left;white-space:nowrap}.overview-actions .action-btn svg{width:20px;height:20px;flex-shrink:0}.date-range-select{padding:.5rem 2rem .5rem .75rem;font-size:.8125rem;min-width:120px;border-radius:.5rem}.chart-controls{flex-wrap:wrap;gap:.5rem}.custom-date-inputs{flex-basis:100%}.form-row{grid-template-columns:1fr}.modal-content{margin:.5rem;max-height:95vh}.modal-header{padding:1rem}.modal-header h3{font-size:1rem}.modal-body{padding:1rem}.modal-footer{flex-direction:column;padding:.75rem 1rem}.modal-btn{width:100%;justify-content:center}.chart-header{flex-direction:column;align-items:flex-start;gap:.75rem}.chart-controls,.date-range-select{width:100%}.chart-legend{flex-wrap:wrap;gap:.5rem}.eadisyon-section{margin-top:1rem}.eadisyon-header,.e-adisyon-header{padding:.75rem 1rem;flex-direction:column;gap:.75rem;align-items:stretch}.eadisyon-header h3,.e-adisyon-header h3{font-size:1rem;text-align:center}.eadisyon-header-controls{flex-direction:column;width:100%;gap:.5rem}.date-range-filters{width:100%;flex-direction:column}.date-filter-input{width:100%}.export-btn{width:100%;justify-content:center;padding:.625rem 1rem}.eadisyon-tabs{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.eadisyon-tabs::-webkit-scrollbar{display:none}.eadisyon-tab,.e-adisyon-tab{padding:.625rem .75rem;font-size:.6875rem;white-space:nowrap;flex:0 0 auto;min-width:auto;text-align:center}.eadisyon-search{padding:.75rem 1rem;flex-direction:column;gap:.5rem}.eadisyon-search svg{display:none}.eadisyon-search-input{width:100%}.eadisyon-table-container{min-height:300px}.eadisyon-table{font-size:.75rem}.eadisyon-table th,.eadisyon-table td{padding:.5rem .625rem}.eadisyon-table th:nth-child(2),.eadisyon-table td:nth-child(2){display:none}.eadisyon-pagination{padding:.75rem;gap:.75rem}.eadisyon-pagination .pagination-btn{width:32px;height:32px}.eadisyon-pagination .pagination-info{font-size:.8125rem}.logs-widgets{grid-template-columns:repeat(2,1fr);gap:.5rem}.logs-widget{padding:.75rem;gap:.5rem}.widget-icon{width:32px;height:32px}.widget-label{font-size:.625rem}.widget-value .value-number{font-size:.75rem}.logs-filter-section{padding:.75rem}.filter-row{flex-direction:column;gap:.75rem}.filter-group{width:100%;min-width:100%}.search-group{min-width:100%}.filter-btn{width:100%;justify-content:center}.note-form-row,.end-of-day-modal .form-row{grid-template-columns:1fr}}@media(max-width:480px){.overview-page{padding:.5rem}.overview-header h1{font-size:1.125rem}.overview-actions .action-btn{min-width:fit-content;padding:.875rem 1rem;flex-direction:row;gap:.375rem}.overview-actions .action-btn span{font-size:.6875rem}.overview-actions .action-btn svg{width:16px;height:16px}.summary-card-header{padding:.625rem .75rem}.summary-card-header h3{font-size:.8125rem}.summary-card-body{padding:.75rem}.chart-section{padding:.5rem}.chart-header h3{font-size:.875rem}.eadisyon-tabs{flex-wrap:nowrap;gap:0}.eadisyon-tab,.e-adisyon-tab{font-size:.625rem;padding:.5rem .625rem;flex:0 0 auto}.logs-widgets{grid-template-columns:1fr}.modal-header,.modal-body{padding:.75rem}.modal-footer{padding:.5rem .75rem}}.product-management-page{padding:1.5rem 2rem;display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.header-left h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.product-table-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.table-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1.25rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;margin-bottom:0;flex-shrink:0}.table-header-left{display:flex;align-items:center;gap:1rem}.new-product-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.new-product-btn:hover{background-color:#111827}.search-box{display:flex;align-items:center;gap:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem .75rem;min-width:300px}.search-box svg{color:#9ca3af}.search-box input{border:none;outline:none;font-size:.875rem;color:#1f2937;width:100%;background:transparent}.table-info{font-size:.875rem;color:#6b7280}.product-table-container{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden}.table-wrapper{flex:1;overflow-y:auto;overflow-x:auto;min-height:0}.product-table{width:100%;border-collapse:collapse}.product-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.product-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.product-table tbody tr{height:40px}.product-table td{padding:.5rem 1rem;font-size:.9375rem;color:#1f2937;border-bottom:1px solid #e5e7eb;height:40px;vertical-align:middle;line-height:1}.product-table tbody tr:last-child td{border-bottom:none}.product-table tbody tr:hover{background-color:#f9fafb}.actions-wrapper{display:flex;align-items:center;gap:.5rem}.table-action-btn{padding:.25rem;border:none;background:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#1f2937;border-radius:.25rem}.table-action-btn svg{width:14px;height:14px}.table-action-btn:hover{background-color:#f3f4f6}.no-results{text-align:center;padding:3rem 1rem!important;color:#9ca3af;font-style:italic}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;min-height:60px;flex-shrink:0}.pagination-controls{display:flex;gap:.5rem;align-items:center}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.pagination-btn.active{background-color:#1f2937;border-color:#1f2937;color:#fff}.edit-panel-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.edit-panel{position:fixed;top:0;right:0;width:50%;height:100vh;background-color:#fff;box-shadow:-4px 0 20px #00000026;z-index:1001;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.edit-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:2px solid #e5e7eb;background-color:#f9fafb}.edit-panel-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.edit-panel-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .2s ease}.edit-panel-close:hover{background-color:#e5e7eb;color:#1f2937}.edit-panel-body{flex:1;padding:1.5rem;overflow-y:auto}.edit-form-group{margin-bottom:1.25rem}.edit-form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.edit-form-input,.edit-form-select{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.9375rem;color:#1f2937;background-color:#fff;transition:all .2s ease;outline:none}.edit-form-input:focus,.edit-form-select:focus{border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.edit-panel-footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:2px solid #e5e7eb;background-color:#f9fafb;justify-content:flex-end}.edit-panel-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.edit-panel-btn.cancel{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.edit-panel-btn.cancel:hover{background-color:#e5e7eb;color:#1f2937}.edit-panel-btn.save{background-color:#1f2937;color:#fff}.edit-panel-btn.save:hover{background-color:#111827}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.large-modal{background-color:#fff;width:95%;max-width:1200px;height:85vh;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.large-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.large-modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.large-modal-body{flex:1;padding:0;overflow:hidden;display:flex;flex-direction:column}.modal-body-content{display:flex;width:100%;height:100%}.modal-left-col{flex:1;padding:1rem;background-color:#f9fafb;border-right:1px solid #e5e7eb;overflow-y:auto;min-width:250px}.modal-right-col{flex:3;padding:.5rem 1rem 1rem;overflow-y:auto;display:block}.modal-right-col .modal-tabs{display:flex!important;flex-direction:row!important;gap:1rem;border-bottom:2px solid #e5e7eb;margin-bottom:1rem;padding:0;position:sticky;top:0;background-color:#fff;z-index:10}.modal-right-col .modal-tabs .modal-tab{display:inline-block!important;background:none;border:none;border-bottom:3px solid transparent;padding:.75rem .5rem;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;margin-bottom:-2px}.modal-right-col .modal-tabs .modal-tab:hover{color:#374151}.modal-right-col .modal-tabs .modal-tab.active{color:#1f2937;border-bottom-color:#1f2937}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-size:.7rem;font-weight:600;color:#4b5563;margin-bottom:.2rem;text-transform:uppercase}.form-group input,.form-group select{width:100%;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;color:#1f2937;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.searchable-select input{width:100%;cursor:pointer}.searchable-select-overlay{position:fixed;inset:0;z-index:100}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;margin-top:.25rem;max-height:200px;overflow-y:auto;z-index:101;box-shadow:0 4px 6px -1px #0000001a}.searchable-select-option{padding:.5rem .75rem;cursor:pointer;font-size:.8125rem;transition:background-color .15s}.searchable-select-option.selected{background-color:#e0e7ff;color:#4338ca;font-weight:500}.form-row{display:flex;gap:.75rem}.form-group.half{flex:1}.image-upload-section{margin-bottom:1rem}.image-preview{width:100%;height:160px;border:2px dashed #d1d5db;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background-color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:all .2s}.image-preview:hover{border-color:#9ca3af;background-color:#f3f4f6}.image-preview img{width:100%;height:100%;object-fit:cover}.image-placeholder{display:flex;flex-direction:column;align-items:center;color:#9ca3af;gap:.5rem}.plus-icon{font-size:2rem;line-height:1}.hidden-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.toggle-section{background-color:#fff;padding:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem}.toggle-header{display:flex;justify-content:space-between;align-items:center}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translate(16px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.fade-in{animation:fadeIn .3s ease;margin-top:.5rem}.modal-tabs{display:flex!important;flex-direction:row!important;gap:2rem;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;padding:0 .5rem}.modal-tabs .modal-tab{display:inline-flex!important;background:none;border:none;border-bottom:3px solid transparent;padding:.75rem .5rem;font-size:.9375rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;position:relative;bottom:-2px;white-space:nowrap}.modal-tabs .modal-tab:hover{color:#374151}.modal-tabs .modal-tab.active{color:#1f2937;border-bottom-color:#1f2937}.tab-pane{animation:fadeIn .2s ease}.tab-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem}.tab-card-title{font-size:.9375rem;font-weight:600;color:#1f2937;padding:.75rem 1rem;margin:0;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;overflow:hidden}.tab-card-body{padding:1rem}.large-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.modal-footer-btn{padding:.625rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.modal-footer-btn.cancel{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.modal-footer-btn.cancel:hover{background-color:#e5e7eb;color:#1f2937}.modal-footer-btn.create{background-color:#1f2937;color:#fff}.modal-footer-btn.create:hover{background-color:#111827}.allergen-multi-select{position:relative}.allergen-display{min-height:42px;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;background-color:#fff;transition:all .2s}.allergen-display:hover{border-color:#9ca3af}.allergen-tags{display:flex;flex-wrap:wrap;gap:.375rem}.allergen-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:#e0e7ff;color:#4338ca;border-radius:.25rem;font-size:.75rem;font-weight:500}.allergen-tag-remove{background:none;border:none;color:#4338ca;font-size:1rem;line-height:1;cursor:pointer;padding:0;margin-left:.125rem}.allergen-tag-remove:hover{color:#3730a3}.allergen-placeholder{color:#9ca3af;font-size:.8125rem}.allergen-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;margin-top:.25rem;z-index:1000;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.allergen-search-input{width:100%;padding:.5rem .75rem;border:none;border-bottom:1px solid #e5e7eb;font-size:.8125rem;outline:none}.allergen-search-input:focus{background-color:#f9fafb}.allergen-options{max-height:200px;overflow-y:auto}.allergen-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;font-size:.8125rem;transition:background-color .15s}.allergen-option:hover{background-color:#f3f4f6}.allergen-option.selected{background-color:#eff6ff}.allergen-option input[type=checkbox]{cursor:pointer;width:auto;margin:0}.menu-info-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;color:#1f2937;font-family:inherit;resize:vertical;transition:all .2s}.menu-info-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.menu-info-textarea::placeholder{color:#9ca3af}.category-list-content{display:flex;flex-direction:column;height:100%;padding:1rem}.category-list-header{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.category-table-wrapper{flex:1;overflow-y:auto}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.category-form-modal{background-color:#fff;width:90%;max-width:600px;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:85vh;animation:scaleIn .3s ease}.category-form-content{padding:1.5rem;overflow-y:auto}.delete-confirm-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .2s ease}.delete-confirm-modal,.delete-confirm-dialog{background-color:#fff;width:90%;max-width:450px;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .3s ease}.delete-confirm-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.delete-confirm-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.delete-confirm-header .modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:.5rem;cursor:pointer;color:#6b7280;transition:all .2s ease}.delete-confirm-header .modal-close-btn:hover{background:#e5e7eb;color:#1f2937}.delete-confirm-body{padding:1.5rem}.delete-confirm-body p{margin:0 0 .75rem;color:#4b5563;font-size:.9375rem}.delete-warning{color:#dc2626!important;font-weight:600}.delete-confirm-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.modal-footer-btn.delete{background-color:#dc2626;color:#fff}.modal-footer-btn.delete:hover{background-color:#b91c1c}.product-table tbody tr.dragging{opacity:.5;background-color:#f3f4f6}.product-table tbody tr{transition:background-color .2s}@media(max-width:1400px){.product-management-page{padding:1.25rem 1.5rem}.header-left h1{font-size:1.5rem}.search-box{min-width:250px}.edit-panel{width:55%}.large-modal{max-width:1100px}}@media(max-width:1199px){.product-management-page{padding:1rem 1.25rem}.header-left h1{font-size:1.375rem}.page-subtitle{font-size:.813rem}.new-product-btn{padding:.5rem .875rem;font-size:.813rem}.search-box{min-width:220px;padding:.375rem .625rem}.search-box input{font-size:.813rem}.product-table th{padding:.75rem;font-size:.813rem}.product-table td{padding:.375rem .75rem;font-size:.875rem}.edit-panel{width:60%}.large-modal{max-width:95%;height:90vh}.modal-left-col{min-width:220px}}@media(max-width:1023px){.product-management-page{padding:.875rem 1rem}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.header-left h1{font-size:1.25rem}.page-subtitle{font-size:.75rem}.table-header{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem 1rem}.table-header-left{flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:.5rem}.new-product-btn{flex:1;min-width:0;justify-content:center}.search-box{min-width:100%}.table-info{text-align:center}.product-table-container{overflow-x:auto}.product-table{min-width:600px}.product-table th{padding:.625rem .75rem;font-size:.75rem}.product-table td{padding:.375rem .625rem;font-size:.813rem}.pagination{flex-direction:column;gap:.75rem;padding:.75rem 1rem}.pagination-info{font-size:.813rem}.pagination-btn{min-width:32px;height:32px;font-size:.813rem}.edit-panel{width:80%}.edit-panel-header{padding:1rem 1.25rem}.edit-panel-header h3{font-size:1.125rem}.edit-panel-body{padding:1.25rem}.edit-panel-footer{padding:1rem 1.25rem}.large-modal{width:98%;max-width:98%;height:95vh;border-radius:.75rem}.large-modal-header{padding:.875rem 1rem}.large-modal-header h3{font-size:1.25rem}.modal-body-content{flex-direction:column}.modal-left-col{min-width:100%;max-height:200px;border-right:none;border-bottom:1px solid #e5e7eb}.modal-right-col{flex:1}.modal-tabs{gap:1rem}.modal-tabs .modal-tab{font-size:.813rem;padding:.625rem .375rem}.large-modal-footer{padding:.875rem 1rem}.modal-footer-btn{padding:.5rem 1.25rem;font-size:.813rem}.form-row{flex-direction:column;gap:0}.form-group.half{flex:1 1 100%}.tab-card-title{font-size:.875rem;padding:.625rem .875rem}.tab-card-body{padding:.875rem}.category-form-modal,.delete-confirm-dialog{width:95%;max-width:95%}}@media(max-width:767px){.product-management-page{padding:.75rem}.header-left h1{font-size:1.125rem}.page-subtitle{font-size:.7rem}.table-header{padding:.625rem .875rem}.new-product-btn{flex:1;min-width:0;padding:.5rem .75rem;font-size:.75rem;gap:.375rem}.search-box{padding:.375rem .5rem}.search-box input,.table-info{font-size:.75rem}.product-table{min-width:550px}.product-table th{padding:.5rem .625rem;font-size:.688rem}.product-table td{padding:.25rem .5rem;font-size:.75rem;height:36px}.product-table tbody tr{height:36px}.table-action-btn{padding:.125rem}.table-action-btn svg{width:12px;height:12px}.status-badge{padding:.125rem .5rem;font-size:.688rem}.pagination{padding:.625rem .75rem;gap:.5rem}.pagination-info{font-size:.75rem}.pagination-controls{gap:.25rem}.pagination-btn{min-width:28px;height:28px;padding:0 .5rem;font-size:.75rem}.edit-panel{width:100%}.edit-panel-header{padding:.875rem 1rem}.edit-panel-header h3{font-size:1rem}.edit-panel-close{width:32px;height:32px}.edit-panel-body{padding:1rem}.edit-form-group{margin-bottom:1rem}.edit-form-group label{font-size:.813rem}.edit-form-input,.edit-form-select{padding:.625rem .875rem;font-size:.875rem}.edit-panel-footer{padding:.875rem 1rem;gap:.5rem}.edit-panel-btn{padding:.625rem 1.25rem;font-size:.875rem;flex:1}.large-modal{width:100%;max-width:100%;height:100vh;border-radius:0}.large-modal-header{padding:.75rem}.large-modal-header h3{font-size:1.125rem}.modal-left-col{padding:.75rem;max-height:180px}.modal-right-col{padding:.375rem .75rem .75rem}.modal-tabs{gap:.75rem;margin-bottom:1rem}.modal-tabs .modal-tab{font-size:.75rem;padding:.5rem .25rem}.form-group{margin-bottom:.625rem}.form-group label{font-size:.65rem}.form-group input,.form-group select{padding:.375rem .5rem;font-size:.75rem}.image-preview{height:140px}.toggle-section{padding:.375rem}.switch{width:32px;height:18px}.slider:before{height:14px;width:14px}input:checked+.slider:before{transform:translate(14px)}.tab-card-title{font-size:.813rem;padding:.5rem .75rem}.tab-card-body{padding:.75rem}.large-modal-footer{padding:.75rem;gap:.5rem}.modal-footer-btn{padding:.5rem 1rem;font-size:.75rem;flex:1}.allergen-display{min-height:38px;padding:.375rem .5rem}.allergen-tag{padding:.125rem .375rem;font-size:.688rem}.allergen-placeholder{font-size:.75rem}.allergen-search-input,.allergen-option,.menu-info-textarea{padding:.375rem .625rem;font-size:.75rem}.category-list-content{padding:.75rem}.category-list-header{flex-direction:column;gap:.5rem;margin-bottom:1rem}.category-form-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0}.category-form-content{padding:1rem}.delete-confirm-dialog{width:95%;max-width:95%}.delete-confirm-header{padding:1rem}.delete-confirm-header h3{font-size:1.125rem}.delete-confirm-body{padding:1rem}.delete-confirm-body p{font-size:.875rem}.delete-confirm-footer{padding:.75rem 1rem}}@media(max-width:480px){.product-management-page{padding:.5rem}.header-left h1{font-size:1rem}.page-subtitle{font-size:.65rem}.table-header{padding:.5rem .625rem}.new-product-btn{flex:1;min-width:0;padding:.375rem .625rem;font-size:.7rem}.new-product-btn svg{width:14px;height:14px}.search-box{padding:.25rem .375rem;gap:.375rem}.search-box svg{width:14px;height:14px}.search-box input{font-size:.7rem}.table-info{font-size:.688rem}.product-table{min-width:480px}.product-table th{padding:.375rem .5rem;font-size:.625rem}.product-table td{padding:.25rem .375rem;font-size:.688rem;height:32px}.product-table tbody tr{height:32px}.actions-wrapper{gap:.25rem}.table-action-btn svg{width:11px;height:11px}.status-badge{padding:.125rem .375rem;font-size:.625rem}.pagination{padding:.5rem}.pagination-info{font-size:.688rem}.pagination-btn{min-width:26px;height:26px;padding:0 .375rem;font-size:.688rem}.edit-panel-header{padding:.75rem}.edit-panel-header h3{font-size:.95rem}.edit-panel-close{width:28px;height:28px}.edit-panel-body{padding:.75rem}.edit-form-group label{font-size:.75rem;margin-bottom:.375rem}.edit-form-input,.edit-form-select{padding:.5rem .75rem;font-size:.813rem}.edit-panel-footer{padding:.75rem}.edit-panel-btn{padding:.5rem 1rem;font-size:.813rem}.large-modal-header{padding:.625rem}.large-modal-header h3{font-size:1rem}.modal-left-col{padding:.625rem;max-height:150px}.modal-right-col{padding:.25rem .625rem .625rem}.modal-tabs{gap:.5rem;margin-bottom:.75rem}.modal-tabs .modal-tab{font-size:.688rem;padding:.375rem .125rem}.form-group label{font-size:.6rem}.form-group input,.form-group select{padding:.25rem .375rem;font-size:.7rem}.image-preview{height:120px}.image-placeholder{font-size:.75rem}.plus-icon{font-size:1.5rem}.tab-card-title{font-size:.75rem;padding:.375rem .625rem}.tab-card-body,.large-modal-footer{padding:.625rem}.modal-footer-btn{padding:.375rem .75rem;font-size:.7rem}.allergen-display{min-height:34px}.allergen-tag{font-size:.625rem}.allergen-placeholder,.menu-info-textarea{font-size:.688rem}.category-list-content{padding:.625rem}.category-form-content{padding:.75rem}.delete-confirm-header{padding:.875rem}.delete-confirm-header h3{font-size:1rem}.delete-confirm-body{padding:.875rem}.delete-confirm-body p{font-size:.813rem}.delete-confirm-footer{padding:.625rem .875rem}.no-results{padding:2rem .75rem!important;font-size:.813rem}}.table-management-page{padding:1.5rem;height:calc(100vh - 80px);display:flex;flex-direction:column}.page-header{margin-bottom:1.5rem;flex-shrink:0}.header-left h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.page-subtitle{color:#6b7280;font-size:.9375rem;margin:0}.management-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb;flex-shrink:0}.management-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:.9375rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;margin-bottom:-2px}.management-tab:hover{color:#1f2937;background-color:#f9fafb}.management-tab.active{color:#1f2937;border-bottom-color:#1f2937}.tab-content-wrapper{display:flex;gap:1.5rem;flex:1;min-height:0}.sidebar-form{width:320px;flex-shrink:0;background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;height:fit-content}.sidebar-form h3{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem}.sidebar-form .form-group{margin-bottom:1.25rem}.sidebar-form .form-group:last-of-type{margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=number]{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-size:.9375rem;color:#374151;font-weight:500}.toggle-group{flex-direction:row;align-items:center}.toggle-label{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;margin-bottom:0}.toggle-label span{font-size:.9375rem;color:#374151;font-weight:500}.toggle-switch{position:relative;width:48px;height:24px;cursor:pointer}.toggle-switch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#1f2937}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.create-table-btn,.save-btn{width:100%;padding:.75rem 1.5rem;background-color:#1f2937;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.create-table-btn:hover,.save-btn:hover{background-color:#111827}.searchable-select{position:relative}.searchable-select input{width:100%}.searchable-select-overlay{position:fixed;inset:0;z-index:999}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;margin-top:.25rem;z-index:1000;box-shadow:0 4px 6px -1px #0000001a;max-height:200px;overflow-y:auto}.searchable-select-option{padding:.625rem .875rem;cursor:pointer;transition:background-color .15s}.searchable-select-option:hover{background-color:#f3f4f6}.searchable-select-option.selected{background-color:#dbeafe;color:#1e40af;font-weight:600}.main-content-area{flex:1;background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column}.tables-list-container{flex:1;overflow:auto}.tables-list-table{width:100%;border-collapse:collapse}.tables-list-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:10}.tables-list-table th{padding:.875rem 1rem;text-align:left;font-size:.8125rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.tables-list-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.tables-list-table tbody tr:hover{background-color:#f9fafb}.tables-list-table td{padding:.625rem 1rem;font-size:.9375rem;color:#1f2937}.action-buttons{display:flex;gap:.5rem;justify-content:center}.action-btn{padding:.5rem;border:none;background:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#1f2937}.action-btn:hover{opacity:.6}.action-btn-black{padding:.5rem;border:none;background:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#000}.action-btn-black:hover{opacity:.6}.placeholder-content{background:#fff;border-radius:.75rem;padding:3rem;box-shadow:0 1px 3px #0000001a;text-align:center}.placeholder-content p{color:#6b7280;font-size:1rem;margin:0}.mapping-container{display:flex;gap:1.5rem;height:calc(100vh - 200px)}.unassigned-categories{width:220px;background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a;flex-shrink:0;display:flex;flex-direction:column}.unassigned-categories h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.category-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;flex:1}.category-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#374151;cursor:grab;transition:all .2s}.category-card:hover{background:#e5e7eb;border-color:#d1d5db}.category-card:active{cursor:grabbing}.category-card.assigned{background:#dbeafe;border-color:#93c5fd;color:#1e40af;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.category-card.assigned span{flex:1}.remove-category-btn{background:none;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.remove-category-btn:hover{color:#ef4444}.no-categories{color:#9ca3af;font-size:.875rem;text-align:center;padding:1rem 0;margin:0}.kanban-board{display:flex;gap:1rem;flex:1;overflow-x:auto}.kanban-column{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;min-width:250px;flex:1;display:flex;flex-direction:column;max-height:100%}.kanban-column-header{padding:1rem;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.kanban-column-header h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.category-count{background:#3b82f6;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px;min-width:24px;text-align:center}.kanban-column-content{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto;min-height:100px}.drop-hint{color:#9ca3af;font-size:.875rem;text-align:center;padding:2rem 1rem;margin:0;border:2px dashed #e5e7eb;border-radius:6px}@media(max-width:1400px){.table-management-page{padding:1.25rem}.sidebar-form{width:280px}.header-left h1{font-size:1.625rem}.unassigned-categories{width:200px}.kanban-column{min-width:220px}}@media(max-width:1199px){.table-management-page{padding:1rem}.header-left h1{font-size:1.5rem}.page-subtitle{font-size:.875rem}.sidebar-form{width:260px;padding:1.25rem}.sidebar-form h3{font-size:.95rem;margin-bottom:1.25rem}.form-group label{font-size:.813rem}.form-group input[type=text],.form-group input[type=number]{padding:.5rem .75rem;font-size:.875rem}.create-table-btn,.save-btn,.management-tab{padding:.625rem 1.25rem;font-size:.875rem}.main-content-area{padding:1.25rem}.tables-list-table th{padding:.75rem .875rem;font-size:.75rem}.tables-list-table td{padding:.5rem .875rem;font-size:.875rem}.unassigned-categories{width:180px;padding:.875rem}.kanban-column{min-width:200px}.kanban-column-header{padding:.875rem}.kanban-column-header h4{font-size:.95rem}.kanban-column-content{padding:.875rem}.modal-content{max-width:420px}}@media(max-width:1023px){.table-management-page{padding:.875rem;height:auto;min-height:calc(100vh - 80px)}.page-header{margin-bottom:1rem}.header-left h1{font-size:1.375rem;margin-bottom:.375rem}.page-subtitle{font-size:.813rem}.management-tabs{margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.management-tab{padding:.5rem 1rem;font-size:.813rem;white-space:nowrap}.tab-content-wrapper{flex-direction:column;gap:1rem}.sidebar-form{width:100%;padding:1rem}.sidebar-form h3{font-size:.9rem;margin-bottom:1rem}.sidebar-form .form-group{margin-bottom:1rem}.form-group label{font-size:.75rem;margin-bottom:.375rem}.form-group input[type=text],.form-group input[type=number]{padding:.5rem .625rem;font-size:.813rem}.checkbox-label span,.toggle-label span{font-size:.875rem}.toggle-switch{width:42px;height:22px}.toggle-slider:before{height:16px;width:16px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.create-table-btn,.save-btn{padding:.625rem 1rem;font-size:.813rem}.main-content-area{padding:1rem}.tables-list-container{overflow-x:auto}.tables-list-table{min-width:600px}.tables-list-table th{padding:.625rem .75rem;font-size:.7rem}.tables-list-table td{padding:.5rem .75rem;font-size:.813rem}.action-btn{padding:.375rem}.search-bar{padding:.75rem;gap:.5rem}.search-input{padding:.375rem .5rem;font-size:.875rem}.pagination{gap:.75rem;padding:.75rem}.pagination-btn{padding:.375rem .75rem;font-size:.813rem}.pagination-info{font-size:.813rem}.mapping-container{flex-direction:column;height:auto}.unassigned-categories{width:100%;max-height:200px}.kanban-board{flex-direction:column;overflow-x:visible}.kanban-column{min-width:100%;max-height:300px}.kanban-column-header{padding:.75rem}.kanban-column-header h4{font-size:.9rem}.kanban-column-content{padding:.75rem}.category-card{padding:.625rem .875rem;font-size:.813rem}.mapping-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.mapping-header h3{font-size:1rem}.save-mapping-btn{width:100%;text-align:center}.modal-content{width:95%;max-width:95%}.modal-header{padding:1rem 1.25rem}.modal-header h3{font-size:1rem}.modal-body{padding:1.25rem}.modal-footer{padding:.875rem 1.25rem}.btn-cancel,.btn-save{padding:.5rem 1rem;font-size:.813rem}.form-row-inline{flex-direction:column;gap:0}.width-75,.width-25{flex:1 1 100%;max-width:100%;min-width:100%}}@media(max-width:767px){.table-management-page{padding:.75rem}.page-header{margin-bottom:.75rem}.header-left h1{font-size:1.25rem}.page-subtitle{font-size:.75rem}.management-tabs{margin-bottom:.75rem;gap:.25rem}.management-tab{padding:.5rem .75rem;font-size:.75rem}.tab-content-wrapper{gap:.75rem}.sidebar-form{padding:.875rem;border-radius:.5rem}.sidebar-form h3{font-size:.875rem;margin-bottom:.875rem}.sidebar-form .form-group{margin-bottom:.875rem}.form-group label{font-size:.7rem}.form-group input[type=text],.form-group input[type=number]{padding:.5rem;font-size:.75rem;border-radius:.375rem}.checkbox-label input[type=checkbox]{width:16px;height:16px}.checkbox-label span,.toggle-label span{font-size:.813rem}.toggle-switch{width:38px;height:20px}.toggle-slider:before{height:14px;width:14px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.create-table-btn,.save-btn{padding:.5rem .875rem;font-size:.75rem;border-radius:.375rem}.main-content-area{padding:.875rem;border-radius:.5rem}.tables-list-table{min-width:550px}.tables-list-table th{padding:.5rem .625rem;font-size:.65rem}.tables-list-table td{padding:.375rem .625rem;font-size:.75rem}.action-btn{padding:.25rem}.action-btn svg{width:16px;height:16px}.search-bar{padding:.625rem;margin-bottom:.75rem}.search-input{padding:.375rem;font-size:.813rem}.pagination{flex-direction:column;gap:.5rem;padding:.625rem}.pagination-btn{padding:.375rem .625rem;font-size:.75rem}.pagination-info{font-size:.75rem}.unassigned-categories{padding:.75rem;max-height:180px}.unassigned-categories h3{font-size:.9rem;margin-bottom:.75rem;padding-bottom:.5rem}.kanban-column{max-height:250px}.kanban-column-header{padding:.625rem}.kanban-column-header h4{font-size:.85rem}.category-count{font-size:.688rem;padding:.125rem .375rem}.kanban-column-content{padding:.625rem;gap:.375rem}.category-card{padding:.5rem .75rem;font-size:.75rem}.drop-hint{font-size:.75rem;padding:1.5rem .75rem}.no-categories{font-size:.75rem}.modal-content{width:100%;max-width:100%;max-height:100vh;border-radius:0}.modal-header{padding:.875rem 1rem}.modal-header h3{font-size:.95rem}.modal-body{padding:1rem}.modal-body .form-group label{font-size:.813rem}.modal-body .form-group input,.modal-body .form-group select{padding:.5rem .75rem;font-size:.875rem}.modal-footer{padding:.75rem 1rem}.btn-cancel,.btn-save{flex:1;padding:.5rem .875rem;font-size:.75rem}.placeholder-content{padding:2rem}.placeholder-content p{font-size:.875rem}.searchable-select-option{padding:.5rem .75rem;font-size:.813rem}}@media(max-width:480px){.table-management-page{padding:.5rem}.header-left h1{font-size:1.125rem}.page-subtitle{font-size:.688rem}.management-tabs{margin-bottom:.625rem}.management-tab{padding:.375rem .625rem;font-size:.688rem}.sidebar-form{padding:.75rem}.sidebar-form h3{font-size:.813rem}.sidebar-form .form-group{margin-bottom:.75rem}.form-group label{font-size:.65rem}.form-group input[type=text],.form-group input[type=number]{padding:.375rem .5rem;font-size:.7rem}.checkbox-label span,.toggle-label span{font-size:.75rem}.toggle-switch{width:34px;height:18px}.toggle-slider:before{height:12px;width:12px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.create-table-btn,.save-btn{padding:.5rem .75rem;font-size:.7rem}.main-content-area{padding:.625rem}.tables-list-table{min-width:480px}.tables-list-table th{padding:.375rem .5rem;font-size:.6rem}.tables-list-table td{padding:.25rem .5rem;font-size:.688rem}.action-btn svg{width:14px;height:14px}.search-bar{padding:.5rem}.search-input{font-size:.75rem}.pagination{padding:.5rem}.pagination-btn{padding:.25rem .5rem;font-size:.688rem}.pagination-info{font-size:.688rem}.unassigned-categories{padding:.625rem;max-height:150px}.unassigned-categories h3{font-size:.813rem}.kanban-column{max-height:220px}.kanban-column-header{padding:.5rem}.kanban-column-header h4{font-size:.8rem}.kanban-column-content{padding:.5rem}.category-card{padding:.375rem .625rem;font-size:.688rem}.drop-hint{font-size:.688rem;padding:1rem .5rem}.modal-header{padding:.75rem}.modal-header h3{font-size:.875rem}.modal-body{padding:.75rem}.modal-body .form-group label{font-size:.75rem}.modal-body .form-group input,.modal-body .form-group select{padding:.375rem .625rem;font-size:.813rem}.modal-footer{padding:.625rem .75rem}.btn-cancel,.btn-save{padding:.375rem .75rem;font-size:.7rem}.placeholder-content{padding:1.5rem}.placeholder-content p{font-size:.813rem}.mapping-header h3{font-size:.9rem}.save-mapping-btn{padding:.5rem 1rem;font-size:.813rem}}.search-bar{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;margin-bottom:1rem}.search-bar svg{color:#6b7280;flex-shrink:0}.search-input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;outline:none;transition:all .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid #e5e7eb;margin-top:auto}.pagination-btn{padding:.5rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#111827}.pagination-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.5}.form-row-inline{display:flex;gap:.75rem;margin-bottom:1.25rem;align-items:flex-start}.width-100{flex:1}.width-75{flex:0 0 calc(75% - .375rem);max-width:calc(75% - .375rem)}.width-25{flex:0 0 calc(25% - .375rem);min-width:calc(25% - .375rem)}.label-with-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.toggle-inline{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.toggle-text{font-size:.875rem;color:#374151;font-weight:500}.toggle-above-label{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem;align-items:flex-end;margin-top:-30px}.label-below-toggle{font-size:.875rem;font-weight:600;color:#374151;min-height:1.25rem;line-height:1.25rem}.label-with-toggle-right{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.label-with-toggle-right label{margin-bottom:0}.form-header-with-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.form-header-with-toggle h3{margin:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.modal-close-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s}.modal-body .form-group{margin-bottom:1rem}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.modal-body .form-group input,.modal-body .form-group select{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9375rem;color:#1f2937;transition:border-color .2s,box-shadow .2s}.modal-body .form-group input:focus,.modal-body .form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 12px 12px}.btn-cancel{padding:.625rem 1.25rem;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#f3f4f6}.btn-save{padding:.625rem 1.25rem;background-color:#3b82f6;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.btn-save:hover{background-color:#2563eb}.mapping-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.mapping-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.save-mapping-btn{padding:.625rem 1.25rem;background-color:#10b981;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.save-mapping-btn:hover{background-color:#059669}.delete-modal{max-width:400px}.delete-confirm-text{font-size:.9375rem;color:#4b5563;text-align:center;margin:0;padding:1rem 0}.btn-delete{padding:.625rem 1.25rem;background-color:#dc2626;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.btn-delete:hover{background-color:#b91c1c}.menu-management-page{padding:2rem;width:100%;margin:0 auto}.mmp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.mmp-header-left h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.mmp-subtitle{font-size:.9375rem;color:#6b7280;margin:0}.mmp-new-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#1f2937;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.mmp-new-btn:hover{background-color:#111827;transform:translateY(-1px)}.mmp-search{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;margin-bottom:1.5rem}.mmp-search svg{color:#6b7280;flex-shrink:0}.mmp-search input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;outline:none;transition:all .2s}.mmp-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mmp-table-container{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden}.mmp-table{width:100%;border-collapse:collapse}.mmp-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.mmp-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.mmp-table td{padding:.625rem 1rem;font-size:.9375rem;color:#1f2937;border-bottom:1px solid #e5e7eb}.mmp-table tbody tr:last-child td{border-bottom:none}.mmp-table tbody tr:hover{background-color:#f9fafb}.mmp-products-list{color:#6b7280;font-size:.875rem}.mmp-actions{display:flex;gap:.5rem}.mmp-action-btn{padding:.5rem;border:none;background:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#1f2937;border-radius:.25rem}.mmp-action-btn:hover{background-color:#f3f4f6}.mmp-action-btn.mmp-delete:hover{color:#dc2626;background-color:#fee2e2}.mmp-action-btn.mmp-edit:hover{color:#2563eb;background-color:#dbeafe}.mmp-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;margin-top:1rem}.mmp-page-btn{padding:.5rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.mmp-page-btn:hover:not(:disabled){background-color:#111827}.mmp-page-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.5}.mmp-page-info{font-size:.875rem;color:#6b7280;font-weight:500}.mmp-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center}.mmp-modal{background:#fff;border-radius:25px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;z-index:9999}.mmp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb}.mmp-modal-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.mmp-modal-close{padding:.5rem;background:none;border:none;cursor:pointer;color:#6b7280;transition:all .2s;border-radius:.375rem;display:flex;align-items:center;justify-content:center}.mmp-modal-close:hover{background-color:#f3f4f6;color:#1f2937}.mmp-modal-body{padding:.5rem .75rem;overflow-y:auto;flex:1}.mmp-form-group{margin-bottom:.75rem}.mmp-form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.35rem}.mmp-form-group input[type=text],.mmp-form-group input[type=number]{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;outline:none;transition:all .2s}.mmp-form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mmp-product-search{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;margin-bottom:.5rem}.mmp-product-search svg{color:#6b7280;flex-shrink:0}.mmp-product-search input{flex:1;border:none;outline:none;font-size:.9375rem}.mmp-products{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.375rem;padding:.35rem}.mmp-product{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s;margin-bottom:.35rem}.mmp-product:hover{background-color:#f3f4f6}.mmp-product.selected{background-color:#dbeafe;border:2px solid #3b82f6}.mmp-product-info{display:flex;flex-direction:column;gap:.25rem}.mmp-product-name{font-size:.9375rem;font-weight:600;color:#1f2937}.mmp-product-cat{font-size:.8125rem;color:#6b7280}.mmp-product-price{font-size:.9375rem;font-weight:600;color:#1f2937}.mmp-selected{margin-top:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.375rem}.mmp-selected label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.35rem}.mmp-selected-list{display:flex;flex-wrap:wrap;gap:.5rem}.mmp-tag{display:inline-flex;align-items:center;padding:.375rem .75rem;background-color:#3b82f6;color:#fff;border-radius:9999px;font-size:.875rem;font-weight:500}.mmp-sortable-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.mmp-sortable-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;transition:box-shadow .2s,border-color .2s}.mmp-sortable-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000f}.mmp-sortable-item.dragging{box-shadow:0 4px 12px #00000026;border-color:#3b82f6;background-color:#eff6ff}.mmp-sortable-grip{cursor:grab;color:#9ca3af;display:flex;align-items:center;padding:.125rem;flex-shrink:0}.mmp-sortable-grip:active{cursor:grabbing;color:#6b7280}.mmp-sortable-info{flex:1;display:flex;flex-direction:column;min-width:0}.mmp-sortable-name{font-size:.875rem;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mmp-sortable-cat{font-size:.75rem;color:#6b7280}.mmp-sortable-delay{display:flex;align-items:center;gap:.25rem;flex-shrink:0;color:#6b7280}.mmp-delay-input{width:52px;padding:.25rem .375rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;text-align:center;background-color:#fff;color:#1f2937;transition:border-color .2s}.mmp-delay-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.mmp-delay-label{font-size:.75rem;color:#9ca3af;font-weight:500}.mmp-sortable-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background-color:#fee2e2;color:#dc2626;border-radius:50%;cursor:pointer;flex-shrink:0;transition:background-color .2s}.mmp-sortable-remove:hover{background-color:#fecaca}.mmp-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:.5rem .75rem;border-top:1px solid #e5e7eb}.mmp-btn-cancel,.mmp-btn-save{padding:.4rem .75rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.mmp-btn-cancel{background-color:#f3f4f6;color:#374151}.mmp-btn-cancel:hover{background-color:#e5e7eb}.mmp-btn-save{background-color:#1f2937;color:#fff}.mmp-btn-save:hover{background-color:#111827}.mmp-confirm-modal{background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:400px;z-index:9999}.mmp-confirm-header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.mmp-confirm-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.mmp-confirm-body{padding:1.5rem 1.25rem}.mmp-confirm-body p{font-size:.9375rem;color:#6b7280;margin:0;line-height:1.5}.mmp-confirm-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e5e7eb}.mmp-btn-delete{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;background-color:#dc2626;color:#fff}.mmp-btn-delete:hover{background-color:#b91c1c}@media(max-width:1024px){.menu-management-page{padding:1.5rem}.mmp-header-left h1{font-size:1.5rem}.mmp-table th,.mmp-table td{padding:.75rem}}@media(max-width:768px){.menu-management-page{padding:1rem}.mmp-header{flex-direction:column;align-items:flex-start;gap:1rem}.mmp-header-left h1{font-size:1.25rem}.mmp-subtitle{font-size:.8125rem}.mmp-new-btn{width:100%;justify-content:center;padding:.875rem 1.25rem}.mmp-search{flex-direction:column;gap:.5rem;padding:.75rem}.mmp-search input{width:100%}.mmp-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.mmp-table{font-size:.8125rem;min-width:600px}.mmp-table th,.mmp-table td{padding:.625rem .5rem;white-space:nowrap}.mmp-table th{font-size:.75rem}.mmp-modal{width:95%;max-height:95vh;border-radius:1rem}.mmp-modal-header{padding:.75rem 1rem}.mmp-modal-header h2{font-size:1.25rem}.mmp-modal-body{padding:1rem}.mmp-form-group label{font-size:.8125rem}.mmp-form-group input,.mmp-form-group select{padding:.625rem .75rem;font-size:.875rem}.mmp-pagination{padding:1rem;gap:.5rem}.mmp-page-btn{padding:.5rem .75rem;font-size:.8125rem}.mmp-page-info{font-size:.75rem}}@media(max-width:480px){.menu-management-page{padding:.75rem}.mmp-header-left h1{font-size:1.125rem}.mmp-table{font-size:.75rem;min-width:500px}.mmp-table th,.mmp-table td{padding:.5rem .375rem}.mmp-actions{gap:.25rem}.mmp-action-btn{padding:.375rem}.mmp-modal{width:100%;max-height:100vh;border-radius:0}.mmp-confirm-modal{width:90%}.mmp-confirm-footer{flex-direction:column}.mmp-confirm-footer button{width:100%}}.restaurant-settings-page{padding:2rem;width:100%;margin:0 auto}.rsp-spin{animation:rsp-spin 1s linear infinite}@keyframes rsp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rsp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.rsp-header-left h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.rsp-subtitle{font-size:.9375rem;color:#6b7280;margin:0}.rsp-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.rsp-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative;bottom:-2px}.rsp-tab:hover{color:#1f2937;background-color:#f9fafb}.rsp-tab.active{color:#1f2937;border-bottom-color:#1f2937}.rsp-content{padding:0;min-height:400px}.rsp-tab-content{display:flex;flex-direction:column;gap:1.5rem;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:0}.rsp-settings-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.5rem;padding:1.5rem;border-radius:.5rem;align-items:center}.rsp-category{font-size:1rem;font-weight:700;color:#1f2937;padding-right:1rem;border-right:2px solid #e5e7eb}.rsp-toggle-item{display:flex;flex-direction:row;align-items:center;gap:.75rem}.rsp-toggle-item span{font-size:.875rem;font-weight:600;color:#374151}.rsp-input-item{display:flex;flex-direction:column;gap:.5rem}.rsp-input-label{font-size:.875rem;font-weight:600;color:#374151}.rsp-input-group{display:flex;gap:.75rem;align-items:center}.rsp-text-input{flex:1;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;background-color:#fff;transition:border-color .2s,box-shadow .2s}.rsp-text-input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.rsp-text-input::placeholder{color:#9ca3af}.rsp-save-btn{padding:.625rem 1.25rem;background-color:#1f2937;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap}.rsp-save-btn:hover{background-color:#374151}.rsp-save-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.rsp-toggle{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.rsp-toggle input{opacity:0;width:0;height:0}.rsp-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.rsp-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.rsp-toggle input:checked+.rsp-slider{background-color:#1f2937}.rsp-toggle input:checked+.rsp-slider:before{transform:translate(24px)}.rsp-toggle input:focus+.rsp-slider{box-shadow:0 0 0 3px #1f29371a}.rsp-table-section{margin-top:0;padding:1.5rem}.rsp-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.rsp-table-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.rsp-search-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;min-width:300px}.rsp-search-bar svg{color:#6b7280;flex-shrink:0}.rsp-search-bar input{flex:1;border:none;background:none;outline:none;font-size:.9375rem;color:#1f2937}.rsp-table-container{background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden;overflow-x:auto}.rsp-table{width:100%;border-collapse:collapse}.rsp-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.rsp-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.rsp-table td{padding:.75rem 1rem;font-size:.9375rem;color:#1f2937;border-bottom:1px solid #e5e7eb}.rsp-table tbody tr:last-child td{border-bottom:none}.rsp-table tbody tr:hover{background-color:#f9fafb}.rsp-status{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.8125rem;font-weight:600}.rsp-status.active{background-color:#d1fae5;color:#065f46}.rsp-status.inactive{background-color:#fee2e2;color:#991b1b}.rsp-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;margin-top:1rem}.rsp-page-btn{padding:.5rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.rsp-page-btn:hover:not(:disabled){background-color:#111827}.rsp-page-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.5}.rsp-page-info{font-size:.875rem;color:#6b7280;font-weight:500}.rsp-company-logo{font-size:1.5rem;display:inline-block}.rsp-company-name{font-weight:600;color:#1f2937}.rsp-header-actions{display:flex;align-items:center;gap:1rem}.rsp-new-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.rsp-new-btn:hover{background-color:#111827}.rsp-url-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:#6b7280}.rsp-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.8125rem;font-weight:600}.rsp-badge.test{background-color:#fef3c7;color:#92400e}.rsp-badge.production{background-color:#d1fae5;color:#065f46}.rsp-table-actions{display:flex;gap:.5rem;justify-content:center}.rsp-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#1f2937;cursor:pointer;transition:all .2s}.rsp-action-btn:hover{color:#000}.rsp-modal-backdrop{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9998;padding:2rem}.rsp-cr-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;z-index:9999}.rsp-cr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.rsp-cr-modal-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.rsp-modal-close-btn{background:none;border:none;cursor:pointer;color:#6b7280;transition:color .2s;padding:.25rem;display:flex;align-items:center;justify-content:center}.rsp-modal-close-btn:hover{color:#1f2937}.rsp-cr-modal-body{flex:1;overflow-y:auto;padding:2rem}.rsp-cr-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e5e7eb}.rsp-form-group{display:flex;flex-direction:column;gap:.5rem}.rsp-form-group label{font-size:.875rem;font-weight:600;color:#374151}.rsp-form-group input,.rsp-form-group textarea,.rsp-form-group select,.rsp-select{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;color:#1f2937;transition:all .2s}.rsp-form-group input:focus,.rsp-form-group textarea:focus,.rsp-form-group select:focus,.rsp-select:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.rsp-form-group textarea{resize:vertical;font-family:inherit}.rsp-config-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-top:1.5rem}.rsp-config-card h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 1.25rem}.rsp-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.rsp-full-width{grid-column:1 / -1}.rsp-radio-group{display:flex;gap:2rem}.rsp-radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9375rem;font-weight:500;color:#374151}.rsp-radio-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#1f2937}.rsp-btn-cancel,.rsp-btn-save{padding:.625rem 1.5rem;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.rsp-btn-cancel{background-color:#f3f4f6;color:#374151}.rsp-btn-cancel:hover{background-color:#e5e7eb}.rsp-btn-save{background-color:#1f2937;color:#fff}.rsp-btn-save:hover{background-color:#111827}.rsp-searchable-select{position:relative}.rsp-search-input{width:100%}.rsp-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 .375rem .375rem;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.rsp-dropdown-item{padding:.625rem .875rem;cursor:pointer;transition:background-color .15s;font-size:.9375rem;color:#1f2937}.rsp-dropdown-item:hover{background-color:#f3f4f6}.rsp-dropdown-item:active{background-color:#e5e7eb}.qr-code-section{margin-top:1.5rem}.qr-code-card{grid-column:span 3;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.qr-code-preview{display:flex;gap:2rem;align-items:center}.qr-code-container{flex-shrink:0;padding:1rem;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem}.qr-code-image{width:160px;height:160px;display:block}.qr-code-info{flex:1}.qr-code-info h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#1f2937}.qr-url{margin:0 0 1rem;font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.5rem .75rem;border-radius:.375rem;font-family:monospace}.qr-code-actions{display:flex;gap:.75rem}.qr-table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.qr-table-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#f9fafb}.qr-table-item .qr-code-container{align-self:center}.qr-table-item .qr-code-info{width:100%;min-width:0}.qr-table-item .qr-url{word-break:break-word;overflow-wrap:anywhere}.qr-table-item .qr-code-actions{flex-wrap:wrap}.qr-action-btn{padding:.625rem 1.25rem;background:#1f2937;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.qr-action-btn:hover{background:#111827}.qr-action-btn.secondary{background:#fff;color:#1f2937;border:1px solid #d1d5db}.qr-action-btn.secondary:hover{background:#f3f4f6}@media(max-width:1400px){.restaurant-settings-page{padding:1.5rem}.rsp-header-left h1{font-size:1.625rem}.rsp-settings-row{gap:1.25rem;padding:1.25rem}.rsp-search-bar{min-width:260px}.rsp-cr-modal{max-width:850px}.qr-code-image{width:140px;height:140px}}@media(max-width:1199px){.restaurant-settings-page{padding:1.25rem}.rsp-header{margin-bottom:1.5rem}.rsp-header-left h1{font-size:1.5rem;margin-bottom:.375rem}.rsp-subtitle{font-size:.875rem}.rsp-tabs{margin-bottom:1.5rem}.rsp-tab{padding:.625rem 1.25rem;font-size:.875rem}.rsp-settings-row{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.rsp-category{border-right:none;border-bottom:2px solid #e5e7eb;padding-right:0;padding-bottom:.75rem}.rsp-toggle-item span{font-size:.813rem}.rsp-toggle{width:44px;height:22px}.rsp-slider:before{height:16px;width:16px}.rsp-toggle input:checked+.rsp-slider:before{transform:translate(22px)}.rsp-table-section{padding:1.25rem}.rsp-table-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.rsp-table-header h3{font-size:1.125rem}.rsp-search-bar{min-width:100%;width:100%}.rsp-table th{padding:.75rem;font-size:.813rem}.rsp-table td{padding:.625rem .75rem;font-size:.875rem}.rsp-status,.rsp-badge{font-size:.75rem;padding:.2rem .625rem}.rsp-action-btn{width:28px;height:28px}.rsp-pagination{padding:1.25rem;gap:.75rem}.rsp-page-btn{padding:.375rem .875rem;font-size:.813rem}.rsp-page-info{font-size:.813rem}.rsp-new-btn{padding:.5rem 1rem;font-size:.875rem}.rsp-cr-modal{max-width:95%}.rsp-cr-modal-header{padding:1.25rem 1.5rem}.rsp-cr-modal-header h2{font-size:1.25rem}.rsp-cr-modal-body{padding:1.5rem}.rsp-cr-modal-footer{padding:1.25rem 1.5rem}.rsp-card-grid{grid-template-columns:1fr;gap:1rem}.rsp-config-card{padding:1.25rem;margin-top:1.25rem}.rsp-config-card h3{font-size:1rem;margin-bottom:1rem}.rsp-form-group label{font-size:.813rem}.rsp-form-group input,.rsp-form-group textarea,.rsp-form-group select,.rsp-select{padding:.5rem .75rem;font-size:.875rem}.rsp-radio-group{gap:1.5rem}.rsp-radio-label{font-size:.875rem}.rsp-btn-cancel,.rsp-btn-save{padding:.5rem 1.25rem;font-size:.875rem}.qr-code-preview{flex-direction:column;gap:1.5rem;align-items:flex-start}.qr-code-image{width:120px;height:120px}.qr-code-info h4{font-size:1rem}.qr-url{font-size:.813rem}.qr-action-btn{padding:.5rem 1rem;font-size:.813rem}}@media(max-width:1023px){.restaurant-settings-page{padding:1rem}.rsp-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.rsp-header-left h1{font-size:1.375rem}.rsp-subtitle{font-size:.813rem}.rsp-header-actions{width:100%}.rsp-new-btn{flex:1;justify-content:center;padding:.5rem .875rem;font-size:.813rem}.rsp-tabs{margin-bottom:1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.rsp-tab{padding:.5rem 1rem;font-size:.813rem;white-space:nowrap}.rsp-tab-content{border-radius:.5rem}.rsp-settings-row{padding:1rem}.rsp-category{font-size:.95rem;padding-bottom:.625rem}.rsp-toggle-item{gap:.5rem}.rsp-toggle-item span{font-size:.75rem}.rsp-toggle{width:40px;height:20px}.rsp-slider:before{height:14px;width:14px}.rsp-toggle input:checked+.rsp-slider:before{transform:translate(20px)}.rsp-table-section{padding:1rem}.rsp-table-header h3{font-size:1rem}.rsp-search-bar{padding:.375rem .75rem}.rsp-search-bar input{font-size:.875rem}.rsp-table{min-width:700px}.rsp-table th{padding:.625rem .75rem;font-size:.75rem}.rsp-table td{padding:.5rem .75rem;font-size:.813rem}.rsp-url-cell{max-width:180px;font-size:.75rem}.rsp-status,.rsp-badge{font-size:.688rem;padding:.125rem .5rem}.rsp-action-btn{width:26px;height:26px}.rsp-pagination{flex-direction:column;gap:.75rem;padding:1rem}.rsp-page-btn{padding:.375rem .75rem;font-size:.75rem}.rsp-page-info{font-size:.75rem}.rsp-modal-backdrop{padding:1rem}.rsp-cr-modal{max-width:95%;max-height:95vh}.rsp-cr-modal-header{padding:1rem 1.25rem}.rsp-cr-modal-header h2{font-size:1.125rem}.rsp-cr-modal-body{padding:1.25rem}.rsp-cr-modal-footer{padding:1rem 1.25rem;gap:.75rem}.rsp-config-card{padding:1rem;margin-top:1rem}.rsp-config-card h3{font-size:.95rem}.rsp-form-group{gap:.375rem}.rsp-form-group label{font-size:.75rem}.rsp-form-group input,.rsp-form-group textarea,.rsp-form-group select,.rsp-select{padding:.5rem .625rem;font-size:.813rem}.rsp-radio-group{flex-direction:column;gap:.75rem}.rsp-radio-label{font-size:.813rem}.rsp-radio-label input[type=radio]{width:16px;height:16px}.rsp-btn-cancel,.rsp-btn-save{padding:.5rem 1rem;font-size:.813rem}.qr-code-card{grid-column:span 1;padding:1rem}.qr-code-container{padding:.75rem}.qr-code-image{width:100px;height:100px}.qr-code-info h4{font-size:.95rem}.qr-url{font-size:.75rem;padding:.375rem .625rem}.qr-code-actions{flex-direction:column;gap:.5rem}.qr-action-btn{width:100%;text-align:center;padding:.5rem .875rem;font-size:.75rem}.qr-table-grid{grid-template-columns:1fr}.qr-table-item{padding:.875rem}.qr-table-item .qr-code-actions{flex-direction:column;gap:.5rem}.qr-table-item .qr-code-container{padding:.75rem}.rsp-dropdown-item{padding:.5rem .75rem;font-size:.875rem}}@media(max-width:767px){.restaurant-settings-page{padding:.75rem}.rsp-header{margin-bottom:1rem}.rsp-header-left h1{font-size:1.25rem;margin-bottom:.25rem}.rsp-subtitle{font-size:.75rem}.rsp-new-btn{padding:.5rem .75rem;font-size:.75rem;gap:.375rem}.rsp-new-btn svg{width:16px;height:16px}.rsp-tabs{gap:.25rem;margin-bottom:1rem}.rsp-tab{padding:.5rem .75rem;font-size:.75rem;gap:.375rem}.rsp-tab svg{width:16px;height:16px}.rsp-settings-row{padding:.875rem}.rsp-category{font-size:.875rem}.rsp-toggle-item span{font-size:.7rem}.rsp-toggle{width:36px;height:18px}.rsp-slider:before{height:12px;width:12px}.rsp-toggle input:checked+.rsp-slider:before{transform:translate(18px)}.rsp-table-section{padding:.875rem}.rsp-table-header{gap:.75rem;margin-bottom:1rem}.rsp-table-header h3{font-size:.95rem}.rsp-search-bar{padding:.25rem .5rem}.rsp-search-bar input{font-size:.813rem}.rsp-search-bar svg{width:16px;height:16px}.rsp-table{min-width:600px}.rsp-table th{padding:.5rem .625rem;font-size:.688rem}.rsp-table td{padding:.375rem .625rem;font-size:.75rem}.rsp-url-cell{max-width:150px;font-size:.688rem}.rsp-company-logo{font-size:1.25rem}.rsp-company-name{font-size:.75rem}.rsp-status,.rsp-badge{font-size:.625rem;padding:.125rem .375rem}.rsp-action-btn{width:24px;height:24px}.rsp-action-btn svg{width:14px;height:14px}.rsp-pagination{padding:.75rem;gap:.5rem}.rsp-page-btn{padding:.25rem .625rem;font-size:.7rem}.rsp-page-info{font-size:.7rem}.rsp-modal-backdrop{padding:0}.rsp-cr-modal{max-width:100%;max-height:100vh;border-radius:0}.rsp-cr-modal-header{padding:.875rem 1rem}.rsp-cr-modal-header h2{font-size:1rem}.rsp-modal-close-btn svg{width:20px;height:20px}.rsp-cr-modal-body{padding:1rem}.rsp-cr-modal-footer{padding:.875rem 1rem;gap:.5rem}.rsp-config-card{padding:.875rem;margin-top:.875rem}.rsp-config-card h3{font-size:.875rem;margin-bottom:.875rem}.rsp-form-group label{font-size:.688rem}.rsp-form-group input,.rsp-form-group textarea,.rsp-form-group select,.rsp-select{padding:.375rem .5rem;font-size:.75rem}.rsp-radio-label{font-size:.75rem}.rsp-radio-label input[type=radio]{width:14px;height:14px}.rsp-btn-cancel,.rsp-btn-save{padding:.5rem .875rem;font-size:.75rem;flex:1}.qr-code-container{padding:.5rem}.qr-code-image{width:80px;height:80px}.qr-code-info h4{font-size:.875rem;margin-bottom:.375rem}.qr-url{font-size:.688rem;margin-bottom:.75rem}.qr-action-btn{padding:.375rem .75rem;font-size:.7rem}.rsp-dropdown-item{padding:.375rem .625rem;font-size:.813rem}}@media(max-width:480px){.restaurant-settings-page{padding:.5rem}.rsp-header-left h1{font-size:1.125rem}.rsp-subtitle{font-size:.688rem}.rsp-new-btn{padding:.375rem .625rem;font-size:.7rem}.rsp-tabs{margin-bottom:.875rem}.rsp-tab{padding:.375rem .625rem;font-size:.688rem}.rsp-tab svg{width:14px;height:14px}.rsp-settings-row{padding:.75rem}.rsp-category{font-size:.813rem}.rsp-toggle-item span{font-size:.65rem}.rsp-toggle{width:32px;height:16px}.rsp-slider:before{height:10px;width:10px}.rsp-toggle input:checked+.rsp-slider:before{transform:translate(16px)}.rsp-table-section{padding:.75rem}.rsp-table-header h3{font-size:.875rem}.rsp-search-bar input{font-size:.75rem}.rsp-table{min-width:520px}.rsp-table th{padding:.375rem .5rem;font-size:.625rem}.rsp-table td{padding:.25rem .5rem;font-size:.688rem}.rsp-url-cell{max-width:120px;font-size:.625rem}.rsp-company-logo{font-size:1rem}.rsp-company-name{font-size:.688rem}.rsp-status,.rsp-badge{font-size:.6rem}.rsp-action-btn{width:22px;height:22px}.rsp-action-btn svg{width:12px;height:12px}.rsp-pagination{padding:.625rem}.rsp-page-btn{padding:.25rem .5rem;font-size:.65rem}.rsp-page-info{font-size:.65rem}.rsp-cr-modal-header{padding:.75rem}.rsp-cr-modal-header h2{font-size:.95rem}.rsp-cr-modal-body,.rsp-cr-modal-footer,.rsp-config-card{padding:.75rem}.rsp-config-card h3{font-size:.813rem}.rsp-form-group label{font-size:.625rem}.rsp-form-group input,.rsp-form-group textarea,.rsp-form-group select,.rsp-select{padding:.25rem .375rem;font-size:.7rem}.rsp-radio-label{font-size:.688rem}.rsp-btn-cancel,.rsp-btn-save{padding:.375rem .75rem;font-size:.7rem}.qr-code-image{width:70px;height:70px}.qr-code-info h4{font-size:.813rem}.qr-url{font-size:.625rem}.qr-action-btn{padding:.25rem .625rem;font-size:.65rem}.rsp-dropdown-item{padding:.25rem .5rem;font-size:.75rem}}.rsp-type-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin:1.5rem}.rsp-type-card-header{background:linear-gradient(135deg,#1f2937,#374151);padding:1rem 1.5rem}.rsp-type-card-header h3{margin:0;color:#fff;font-size:1.125rem;font-weight:600}.rsp-type-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.rsp-type-toggle-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;transition:all .2s ease}.rsp-type-toggle-item:hover{background:#f3f4f6}.rsp-type-toggle-info{display:flex;flex-direction:column;gap:.25rem}.rsp-type-toggle-title{font-size:.9375rem;font-weight:600;color:#1f2937}.rsp-type-toggle-desc{font-size:.8125rem;color:#6b7280}@media(max-width:768px){.rsp-type-card{margin:1rem}.rsp-type-card-body{padding:1rem}.rsp-type-toggle-item{padding:.75rem}.rsp-type-toggle-title{font-size:.875rem}.rsp-type-toggle-desc{font-size:.75rem}}.cashbox-modal{max-width:500px}.cashbox-staff-select{position:relative}.cashbox-staff-trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:#1f2937}.cashbox-staff-trigger:hover{border-color:#d1d5db}.cashbox-staff-trigger .placeholder{color:#9ca3af}.cashbox-staff-trigger svg{color:#6b7280;transition:transform .2s ease}.cashbox-staff-trigger svg.rotated{transform:rotate(180deg)}.cashbox-staff-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #00000026;z-index:300000;max-height:250px;display:flex;flex-direction:column;overflow:hidden}.cashbox-staff-search{padding:.75rem;border:none;border-bottom:1px solid #e5e7eb;font-size:.875rem;outline:none}.cashbox-staff-options{flex:1;overflow-y:auto;max-height:200px}.cashbox-staff-option{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;color:#374151;cursor:pointer;transition:background .15s ease}.cashbox-staff-option:hover{background:#f3f4f6}.cashbox-staff-option.selected{background:#e5e7eb}.cashbox-staff-option input[type=checkbox]{width:16px;height:16px;accent-color:#1f2937}.cashbox-selected-staff{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.cashbox-staff-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#f3f4f6;border-radius:9999px;font-size:.8125rem;color:#374151}.cashbox-staff-tag button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:50%;background:#d1d5db;color:#374151;cursor:pointer;transition:all .15s ease}.cashbox-staff-tag button:hover{background:#ef4444;color:#fff}@media(max-width:576px){.cashbox-modal{max-width:95%}.cashbox-staff-trigger,.cashbox-staff-search{padding:.625rem;font-size:.8125rem}.cashbox-staff-option{padding:.5rem .625rem;font-size:.8125rem}.cashbox-staff-tag{padding:.25rem .5rem;font-size:.75rem}}.ump-page{padding:1.5rem 2rem}.ump-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.ump-header-left h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.ump-subtitle{font-size:.875rem;color:#6b7280;margin:0}.ump-tabs{display:flex;gap:2rem;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;padding:0 .5rem}.ump-tab{display:flex;align-items:center;gap:.5rem;background:none;border:none;border-bottom:3px solid transparent;padding:.75rem .5rem;font-size:.9375rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;position:relative;bottom:-2px}.ump-tab:hover{color:#374151}.ump-tab.active{color:#1f2937;border-bottom-color:#1f2937}.ump-content{animation:fadeIn .2s ease}.ump-table-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.ump-table-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1.25rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.ump-table-header-left{display:flex;align-items:center;gap:1rem}.ump-new-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ump-new-btn:hover{background-color:#111827}.ump-search-box{display:flex;align-items:center;gap:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem .75rem;min-width:300px}.ump-search-box svg{color:#9ca3af}.ump-search-box input{border:none;outline:none;font-size:.875rem;color:#1f2937;width:100%;background:transparent}.ump-search-box input::placeholder{color:#9ca3af}.ump-table-info{font-size:.875rem;color:#6b7280;font-weight:500}.ump-table-wrapper{overflow-x:auto}.ump-table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}.ump-table thead{background-color:#f9fafb}.ump-table th{padding:.5rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.ump-table th:nth-child(1){width:5%}.ump-table th:nth-child(2){width:9%}.ump-table th:nth-child(3){width:14%}.ump-table th:nth-child(4){width:17%}.ump-table th:nth-child(5){width:11%}.ump-table th:nth-child(6){width:10%}.ump-table th:nth-child(7){width:8%}.ump-table th:nth-child(8){width:14%}.ump-table th:nth-child(9){width:12%}.ump-table th:last-child{border-right:none}.ump-table td{padding:.5rem 1rem;font-size:.875rem;color:#4b5563;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;vertical-align:middle;height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ump-table td:last-child{border-right:none}.ump-table tbody tr:hover{background-color:#f9fafb}.ump-table tbody tr:last-child td{border-bottom:none}.ump-permission-code{font-family:Courier New,monospace;font-weight:600;color:#6366f1;font-size:.8125rem}.ump-user-name,.ump-role-name{font-weight:600;color:#1f2937;display:block;line-height:1.5}.ump-role-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background-color:#e0e7ff;color:#4338ca;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1.2}.ump-status-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.ump-status-badge.active{background-color:#d1fae5;color:#065f46}.ump-status-badge.inactive{background-color:#fee2e2;color:#991b1b}.ump-last-login{color:#6b7280;font-size:.8125rem}.ump-actions-cell{white-space:nowrap}.ump-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#1f2937;cursor:pointer;transition:all .2s;margin-right:.375rem}.ump-action-btn:last-child{margin-right:0}.ump-action-btn:hover{color:#000}.ump-no-results{text-align:center;color:#6b7280;padding:2rem!important}.ump-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;min-height:60px}.ump-pagination-info{font-size:.875rem;color:#6b7280;font-weight:500}.ump-pagination-controls{display:flex;gap:.5rem;align-items:center}.ump-pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ump-pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.ump-pagination-btn.active{background-color:#1f2937;border-color:#1f2937;color:#fff}.ump-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ump-roles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ump-role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.ump-role-card{position:relative;padding:2rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a;color:#fff}.ump-role-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000026}.ump-role-card:hover .ump-role-delete-btn{opacity:1}.ump-role-delete-btn{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff3;border:none;border-radius:.375rem;color:#fff;cursor:pointer;opacity:0;transition:all .2s}.ump-role-delete-btn:hover{background-color:#ffffff4d}.ump-role-card-content h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.ump-role-user-count{font-size:.875rem;opacity:.9;margin:0}.ump-modal-backdrop{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9998;padding:2rem}.ump-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;z-index:9999}.ump-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.ump-modal-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.ump-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;transition:color .2s;padding:.25rem;display:flex;align-items:center;justify-content:center}.ump-modal-close:hover{color:#1f2937}.ump-modal-body{flex:1;overflow-y:auto;padding:2rem}.ump-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e5e7eb}.ump-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.ump-form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem}.ump-form-group{display:flex;flex-direction:column;gap:.5rem}.ump-form-group label{font-size:.875rem;font-weight:600;color:#374151}.ump-form-group input,.ump-form-group select,.ump-select{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;color:#1f2937;transition:all .2s;background-color:#fff}.ump-form-group input:focus,.ump-form-group select:focus,.ump-select:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.ump-color-picker{height:48px;cursor:pointer}.ump-permissions-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.ump-permissions-card h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 1.25rem}.ump-permissions-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.ump-permission-group h4{font-size:.9375rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.ump-permission-list{display:flex;flex-direction:column;gap:.5rem}.ump-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#4b5563;padding:.375rem 0}.ump-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1f2937}.ump-checkbox-label:hover{color:#1f2937}.ump-btn-cancel,.ump-btn-save,.ump-btn-delete{padding:.625rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.ump-btn-cancel{background-color:#f3f4f6;color:#4b5563}.ump-btn-cancel:hover{background-color:#e5e7eb}.ump-btn-save{background-color:#1f2937;color:#fff}.ump-btn-save:hover{background-color:#111827}.ump-btn-delete{background-color:#ef4444;color:#fff}.ump-btn-delete:hover{background-color:#dc2626}.ump-delete-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:400px;padding:2rem;z-index:9999}.ump-delete-modal h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.ump-delete-modal p{font-size:.9375rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.6}.ump-delete-modal-footer{display:flex;justify-content:flex-end;gap:1rem}@media(max-width:1400px){.ump-page{padding:1.25rem 1.5rem}.ump-header-left h1{font-size:1.5rem}.ump-search-box{min-width:260px}.ump-modal{max-width:850px}.ump-role-grid{gap:1.25rem}}@media(max-width:1199px){.ump-page{padding:1rem 1.25rem}.ump-header{margin-bottom:1.25rem}.ump-header-left h1{font-size:1.375rem}.ump-subtitle{font-size:.813rem}.ump-tabs{gap:1.5rem;margin-bottom:1.25rem}.ump-tab{font-size:.875rem;padding:.625rem .375rem}.ump-table-header{flex-direction:column;gap:.75rem;align-items:flex-start;padding:.75rem 1rem}.ump-table-header-left{width:100%;flex-direction:column;align-items:stretch;gap:.75rem}.ump-new-btn{width:100%;justify-content:center;padding:.5rem .875rem;font-size:.813rem}.ump-search-box{min-width:100%;padding:.375rem .625rem}.ump-search-box input{font-size:.813rem}.ump-table-info{font-size:.813rem;text-align:center;width:100%}.ump-table th{padding:.375rem .75rem;font-size:.688rem}.ump-table td{padding:.375rem .75rem;font-size:.813rem;height:40px}.ump-role-badge,.ump-status-badge{font-size:.688rem;padding:.125rem .375rem}.ump-action-btn{width:28px;height:28px;margin-right:.25rem}.ump-pagination{padding:.75rem 1rem}.ump-pagination-info{font-size:.813rem}.ump-pagination-btn{min-width:32px;height:32px;font-size:.813rem}.ump-modal{max-width:95%}.ump-modal-header{padding:1.25rem 1.5rem}.ump-modal-header h2{font-size:1.25rem}.ump-modal-body{padding:1.5rem}.ump-modal-footer{padding:1.25rem 1.5rem}.ump-form-grid,.ump-form-row-3{grid-template-columns:1fr;gap:1rem}.ump-permissions-groups{grid-template-columns:1fr;gap:1.25rem}.ump-role-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.ump-role-card{padding:1.5rem 1.25rem}.ump-role-card-content h3{font-size:1.25rem}}@media(max-width:1023px){.ump-page{padding:.875rem 1rem}.ump-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.ump-header-left h1{font-size:1.25rem;margin-bottom:.125rem}.ump-subtitle{font-size:.75rem}.ump-tabs{gap:1rem;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.ump-tab{font-size:.813rem;padding:.5rem .25rem;white-space:nowrap}.ump-table-container{border-radius:.5rem}.ump-table-header{padding:.625rem .875rem;gap:.625rem}.ump-new-btn{padding:.5rem .75rem;font-size:.75rem}.ump-search-box{padding:.375rem .5rem}.ump-search-box input,.ump-table-info{font-size:.75rem}.ump-table{min-width:800px;table-layout:auto}.ump-table th{padding:.375rem .625rem;font-size:.625rem}.ump-table td{padding:.375rem .625rem;font-size:.75rem;height:38px}.ump-user-name,.ump-role-name,.ump-permission-code{font-size:.75rem}.ump-role-badge,.ump-status-badge{font-size:.625rem;padding:.125rem .375rem}.ump-last-login{font-size:.75rem}.ump-action-btn{width:26px;height:26px}.ump-pagination{flex-direction:column;gap:.75rem;padding:.75rem}.ump-pagination-info{font-size:.75rem}.ump-pagination-controls{flex-wrap:wrap;justify-content:center}.ump-pagination-btn{min-width:30px;height:30px;padding:0 .5rem;font-size:.75rem}.ump-modal{max-width:95%;max-height:95vh}.ump-modal-header{padding:1rem 1.25rem}.ump-modal-header h2{font-size:1.125rem}.ump-modal-body{padding:1.25rem}.ump-modal-footer{padding:1rem 1.25rem;gap:.75rem}.ump-form-group label{font-size:.813rem}.ump-form-group input,.ump-form-group select,.ump-select{padding:.5rem .75rem;font-size:.875rem}.ump-permissions-card{padding:1.25rem}.ump-permissions-card h3{font-size:1rem;margin-bottom:1rem}.ump-permission-group h4{font-size:.875rem}.ump-checkbox-label{font-size:.813rem}.ump-checkbox-label input[type=checkbox]{width:16px;height:16px}.ump-btn-cancel,.ump-btn-save,.ump-btn-delete{padding:.5rem 1.25rem;font-size:.813rem}.ump-roles-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.ump-role-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.ump-role-card{padding:1.25rem 1rem}.ump-role-card-content h3{font-size:1.125rem;margin-bottom:.375rem}.ump-role-user-count{font-size:.813rem}.ump-role-delete-btn{width:28px;height:28px;opacity:1}.ump-delete-modal{width:95%;max-width:95%;padding:1.5rem}.ump-delete-modal h3{font-size:1.125rem}.ump-delete-modal p{font-size:.875rem}}@media(max-width:767px){.ump-page{padding:.75rem}.ump-header{margin-bottom:.875rem}.ump-header-left h1{font-size:1.125rem}.ump-subtitle{font-size:.7rem}.ump-tabs{gap:.75rem;margin-bottom:.875rem;padding:0 .25rem}.ump-tab{font-size:.75rem;padding:.5rem .125rem;gap:.375rem}.ump-tab svg{width:16px;height:16px}.ump-table-header{padding:.5rem .75rem}.ump-new-btn{padding:.5rem .625rem;font-size:.7rem;gap:.375rem}.ump-new-btn svg{width:14px;height:14px}.ump-search-box{padding:.25rem .375rem}.ump-search-box input{font-size:.7rem}.ump-search-box svg{width:14px;height:14px}.ump-table-info{font-size:.688rem}.ump-table{min-width:700px}.ump-table th{padding:.25rem .5rem;font-size:.6rem}.ump-table td{padding:.25rem .5rem;font-size:.7rem;height:34px}.ump-user-name,.ump-role-name{font-size:.7rem}.ump-permission-code{font-size:.688rem}.ump-role-badge,.ump-status-badge{font-size:.6rem;padding:.0625rem .25rem}.ump-last-login{font-size:.688rem}.ump-action-btn{width:24px;height:24px;margin-right:.125rem}.ump-action-btn svg{width:14px;height:14px}.ump-pagination{padding:.625rem;gap:.5rem}.ump-pagination-info{font-size:.688rem}.ump-pagination-btn{min-width:28px;height:28px;padding:0 .375rem;font-size:.688rem}.ump-modal-backdrop{padding:0}.ump-modal{max-width:100%;max-height:100vh;border-radius:0}.ump-modal-header{padding:.875rem 1rem}.ump-modal-header h2{font-size:1rem}.ump-modal-close svg{width:20px;height:20px}.ump-modal-body{padding:1rem}.ump-modal-footer{padding:.875rem 1rem;gap:.5rem}.ump-form-group{gap:.375rem}.ump-form-group label{font-size:.75rem}.ump-form-group input,.ump-form-group select,.ump-select{padding:.5rem .625rem;font-size:.813rem}.ump-color-picker{height:42px}.ump-permissions-card{padding:1rem}.ump-permissions-card h3{font-size:.95rem;margin-bottom:.875rem}.ump-permission-group h4{font-size:.813rem;margin-bottom:.5rem}.ump-permission-list{gap:.375rem}.ump-checkbox-label{font-size:.75rem;padding:.25rem 0}.ump-checkbox-label input[type=checkbox]{width:15px;height:15px}.ump-btn-cancel,.ump-btn-save,.ump-btn-delete{padding:.5rem 1rem;font-size:.75rem;flex:1}.ump-roles-header{margin-bottom:1rem}.ump-role-grid{grid-template-columns:1fr;gap:.75rem}.ump-role-card{padding:1rem .875rem}.ump-role-card-content h3{font-size:1rem}.ump-role-user-count{font-size:.75rem}.ump-role-delete-btn{width:26px;height:26px;top:.5rem;right:.5rem}.ump-delete-modal{width:95%;padding:1.25rem}.ump-delete-modal h3{font-size:1rem;margin-bottom:.75rem}.ump-delete-modal p{font-size:.813rem;margin-bottom:1.25rem}.ump-delete-modal-footer{gap:.5rem}.ump-no-results{padding:1.5rem!important;font-size:.813rem}}@media(max-width:480px){.ump-page{padding:.5rem}.ump-header-left h1{font-size:1rem}.ump-subtitle{font-size:.65rem}.ump-tabs{gap:.5rem;margin-bottom:.75rem}.ump-tab{font-size:.688rem;padding:.375rem 0}.ump-tab svg{width:14px;height:14px}.ump-table-header{padding:.375rem .5rem}.ump-new-btn{padding:.375rem .5rem;font-size:.65rem}.ump-search-box input{font-size:.65rem}.ump-table-info{font-size:.625rem}.ump-table{min-width:600px}.ump-table th{padding:.25rem .375rem;font-size:.55rem}.ump-table td{padding:.25rem .375rem;font-size:.65rem;height:32px}.ump-user-name,.ump-role-name{font-size:.65rem}.ump-permission-code{font-size:.625rem}.ump-role-badge,.ump-status-badge{font-size:.55rem}.ump-last-login{font-size:.625rem}.ump-action-btn{width:22px;height:22px}.ump-action-btn svg{width:12px;height:12px}.ump-pagination{padding:.5rem}.ump-pagination-info{font-size:.625rem}.ump-pagination-btn{min-width:26px;height:26px;font-size:.625rem}.ump-modal-header{padding:.75rem}.ump-modal-header h2{font-size:.95rem}.ump-modal-body,.ump-modal-footer{padding:.75rem}.ump-form-group label{font-size:.688rem}.ump-form-group input,.ump-form-group select,.ump-select{padding:.375rem .5rem;font-size:.75rem}.ump-color-picker{height:38px}.ump-permissions-card{padding:.75rem}.ump-permissions-card h3{font-size:.875rem}.ump-permission-group h4{font-size:.75rem}.ump-checkbox-label{font-size:.688rem}.ump-checkbox-label input[type=checkbox]{width:14px;height:14px}.ump-btn-cancel,.ump-btn-save,.ump-btn-delete{padding:.375rem .75rem;font-size:.7rem}.ump-role-card{padding:.875rem .75rem}.ump-role-card-content h3{font-size:.95rem}.ump-role-user-count{font-size:.7rem}.ump-role-delete-btn{width:24px;height:24px}.ump-delete-modal{padding:1rem}.ump-delete-modal h3{font-size:.95rem}.ump-delete-modal p{font-size:.75rem}}.reports-page{padding:2rem;width:100%;margin:0 auto;background-color:#f9fafb;min-height:100vh}.reports-header{margin-bottom:2rem}.reports-header-left h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.reports-subtitle{font-size:.9375rem;color:#6b7280;margin:0}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.report-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb}.report-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);border-color:#1f2937}.report-card-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:.75rem;flex-shrink:0}.report-card-content{flex:1}.report-card-content h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.report-card-content p{font-size:.8125rem;color:#6b7280;margin:0}.report-card-arrow{color:#9ca3af;transition:color .2s}.report-card:hover .report-card-arrow{color:#1f2937}.report-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.report-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.report-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.report-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .2s}.report-modal-close:hover{background-color:#e5e7eb;color:#1f2937}.report-modal-filters{display:flex;gap:1rem;padding:1rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:flex-end}.report-filter-group{display:flex;flex-direction:column;gap:.375rem}.report-filter-group label{font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase}.report-filter-input{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#1f2937;background-color:#fff;outline:none;transition:all .2s;min-width:150px}.report-filter-input:focus{border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.report-filter-group.search{flex:1;min-width:200px}.report-search-wrapper{position:relative;display:flex;align-items:center}.report-search-wrapper svg{position:absolute;left:.75rem;color:#9ca3af}.report-search-wrapper .report-filter-input{padding-left:2.25rem;width:100%}.report-filter-actions{display:flex;gap:.5rem}.report-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.report-filter-btn:hover{background-color:#111827}.report-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.report-table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.5rem}.report-table{width:100%;border-collapse:collapse}.report-table thead{background-color:#f9fafb;position:sticky;top:0}.report-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb;white-space:nowrap}.report-table td{padding:.75rem 1rem;font-size:.875rem;color:#4b5563;border-bottom:1px solid #e5e7eb}.report-table tbody tr:hover{background-color:#f9fafb}.report-table tbody tr:last-child td{border-bottom:none}.report-bold{font-weight:600;color:#1f2937}.report-amount{font-weight:600;color:#059669}.report-danger{font-weight:600;color:#dc2626}.report-status{display:inline-block;padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.report-status.success{background-color:#d1fae5;color:#065f46}.report-status.warning{background-color:#fef3c7;color:#92400e}.report-status.danger{background-color:#fee2e2;color:#991b1b}.report-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0;margin-top:1rem}.report-page-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.report-page-btn:hover:not(:disabled){background-color:#111827}.report-page-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.report-page-info{font-size:.875rem;color:#6b7280;font-weight:500}.report-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;justify-content:flex-end}.report-export-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;color:#fff}.report-export-btn.excel{background-color:#10b981}.report-export-btn.excel:hover{background-color:#059669}.report-export-btn.pdf{background-color:#ef4444}.report-export-btn.pdf:hover{background-color:#dc2626}.report-export-btn.print{background-color:#6366f1}.report-export-btn.print:hover{background-color:#4f46e5}.report-export-btn.rule{background-color:#f59e0b}.report-export-btn.rule:hover{background-color:#d97706}.report-footer-spacer{flex:1}.rule-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.rule-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:ruleModalSlideIn .3s ease}@keyframes ruleModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.rule-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.rule-modal-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.5rem}.rule-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .2s}.rule-modal-close:hover{background-color:#e5e7eb;color:#1f2937}.rule-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.rule-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.rule-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.rule-section h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.rule-section-desc{margin:0 0 1rem;font-size:.8125rem;color:#6b7280}.rule-users-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem}.rule-user-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.375rem;cursor:pointer;transition:background-color .15s}.rule-user-item:hover{background-color:#f3f4f6}.rule-user-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1f2937}.rule-user-info{display:flex;flex-direction:column;gap:.125rem}.rule-user-name{font-size:.875rem;font-weight:600;color:#1f2937}.rule-user-email{font-size:.75rem;color:#6b7280}.rule-schedule-options{display:flex;gap:1rem;margin-bottom:1rem}.rule-schedule-option{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s}.rule-schedule-option:hover{border-color:#1f2937}.rule-schedule-option:has(input:checked){border-color:#1f2937;background-color:#f3f4f6}.rule-schedule-option input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#1f2937}.rule-schedule-option span{font-size:.875rem;font-weight:500;color:#374151}.rule-schedule-details{display:flex;gap:1rem;flex-wrap:wrap}.rule-form-group{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:150px}.rule-form-group label{font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase}.rule-form-input,.rule-form-select{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#1f2937;background-color:#fff;outline:none;transition:all .2s}.rule-form-input:focus,.rule-form-select:focus{border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.rule-form-textarea{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#1f2937;background-color:#fff;outline:none;transition:all .2s;resize:vertical;font-family:inherit}.rule-form-textarea:focus{border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.rule-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;justify-content:flex-end}.rule-btn{padding:.625rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.rule-btn.cancel{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.rule-btn.cancel:hover{background-color:#e5e7eb;color:#1f2937}.rule-btn.save{background-color:#1f2937;color:#fff}.rule-btn.save:hover{background-color:#111827}.rule-btn.save:disabled{background-color:#9ca3af;cursor:not-allowed}.rule-btn.save{display:flex;align-items:center;gap:.375rem}.rule-notification{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;margin-bottom:1rem}.rule-notification.success{background-color:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.rule-notification.error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.rule-notification-close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:2px;display:flex;align-items:center}.rule-notification-close:hover{opacity:1}.rule-existing-loading{display:flex;align-items:center;gap:.5rem;padding:1rem;color:#6b7280;font-size:.875rem;justify-content:center}.rule-existing-list{display:flex;flex-direction:column;gap:.5rem}.rule-existing-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s}.rule-existing-item:hover{border-color:#d1d5db;background-color:#f3f4f6}.rule-existing-info{display:flex;flex-direction:column;gap:.25rem}.rule-existing-schedule{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:#1f2937}.rule-existing-details{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#6b7280}.rule-existing-subject{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-existing-users{background-color:#e5e7eb;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:500}.rule-existing-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;border:none;background:none;color:#9ca3af;cursor:pointer;transition:all .2s}.rule-existing-delete:hover{background-color:#fef2f2;color:#ef4444}.rule-spinner-icon{animation:rule-spin 1s linear infinite}@keyframes rule-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1400px){.reports-page{padding:1.5rem}.reports-header-left h1{font-size:1.625rem}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.report-card{padding:1rem}.report-card-icon{width:48px;height:48px;font-size:1.75rem}.report-modal{max-width:1100px}.rule-modal{max-width:550px}}@media(max-width:1199px){.reports-page{padding:1.25rem}.reports-header{margin-bottom:1.5rem}.reports-header-left h1{font-size:1.5rem;margin-bottom:.375rem}.reports-subtitle{font-size:.875rem}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.report-card{gap:.875rem}.report-card-icon{width:44px;height:44px;font-size:1.5rem;border-radius:.5rem}.report-card-content h3{font-size:.95rem}.report-card-content p{font-size:.75rem}.report-modal{max-width:95%}.report-modal-header{padding:1rem 1.25rem}.report-modal-header h3{font-size:1.125rem}.report-modal-close{width:32px;height:32px}.report-modal-filters{padding:.875rem 1.25rem;gap:.75rem}.report-filter-group label{font-size:.688rem}.report-filter-input{padding:.5rem .75rem;font-size:.813rem;min-width:130px}.report-filter-btn{padding:.5rem .875rem;font-size:.813rem}.report-modal-body{padding:1.25rem}.report-table th{padding:.75rem .875rem;font-size:.688rem}.report-table td{padding:.625rem .875rem;font-size:.813rem}.report-status{font-size:.688rem;padding:.2rem .5rem}.report-pagination{gap:.75rem}.report-page-btn{width:32px;height:32px}.report-page-info{font-size:.813rem}.report-modal-footer{padding:.875rem 1.25rem;gap:.625rem}.report-export-btn{padding:.5rem 1rem;font-size:.813rem}.rule-modal{max-width:95%}.rule-modal-header{padding:1rem 1.25rem}.rule-modal-header h3{font-size:1rem}.rule-modal-close{width:32px;height:32px}.rule-modal-body{padding:1.25rem}.rule-section h4{font-size:.95rem}.rule-section-desc{font-size:.75rem}.rule-users-list{max-height:180px}.rule-user-item{padding:.5rem .625rem}.rule-user-item input[type=checkbox]{width:16px;height:16px}.rule-user-name{font-size:.813rem}.rule-user-email{font-size:.688rem}.rule-schedule-option{padding:.5rem .875rem}.rule-schedule-option span{font-size:.813rem}.rule-form-group label{font-size:.688rem}.rule-form-input,.rule-form-select,.rule-form-textarea{padding:.5rem .75rem;font-size:.813rem}.rule-modal-footer{padding:.875rem 1.25rem}.rule-btn{padding:.5rem 1.25rem;font-size:.813rem}}@media(max-width:1023px){.reports-page{padding:1rem}.reports-header{margin-bottom:1.25rem}.reports-header-left h1{font-size:1.375rem}.reports-subtitle{font-size:.813rem}.reports-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.report-card{padding:.875rem;gap:.75rem;border-radius:.5rem}.report-card-icon{width:40px;height:40px;font-size:1.25rem}.report-card-content h3{font-size:.875rem;margin-bottom:.125rem}.report-card-content p{font-size:.7rem}.report-card-arrow svg{width:18px;height:18px}.report-modal-overlay{padding:.75rem}.report-modal{max-width:95%;max-height:95vh}.report-modal-header{padding:.875rem 1rem}.report-modal-header h3{font-size:1rem}.report-modal-close{width:30px;height:30px}.report-modal-filters{flex-direction:column;padding:.75rem 1rem;gap:.625rem}.report-filter-group{width:100%}.report-filter-group label{font-size:.65rem}.report-filter-input{width:100%;padding:.5rem .625rem;font-size:.75rem;min-width:auto}.report-filter-actions{width:100%}.report-filter-btn{flex:1;justify-content:center;padding:.5rem .75rem;font-size:.75rem}.report-modal-body{padding:1rem}.report-table{min-width:700px}.report-table th{padding:.625rem .75rem;font-size:.65rem}.report-table td{padding:.5rem .75rem;font-size:.75rem}.report-status{font-size:.625rem;padding:.125rem .375rem}.report-pagination{flex-direction:row;gap:.5rem;padding:.75rem 0}.report-page-btn{width:28px;height:28px}.report-page-info{font-size:.7rem}.report-modal-footer{flex-direction:row;flex-wrap:wrap;padding:.5rem .75rem;gap:.375rem}.report-footer-spacer{display:none}.report-export-btn{flex:1;min-width:0;justify-content:center;padding:.375rem .5rem;font-size:.7rem}.rule-modal-overlay{padding:.75rem}.rule-modal{max-width:95%;max-height:95vh}.rule-modal-header{padding:.875rem 1rem}.rule-modal-header h3{font-size:.95rem}.rule-modal-close{width:30px;height:30px}.rule-modal-body{padding:1rem}.rule-section{margin-bottom:1.25rem;padding-bottom:1.25rem}.rule-section h4{font-size:.875rem}.rule-section-desc{font-size:.7rem;margin-bottom:.75rem}.rule-users-list{max-height:160px;padding:.375rem}.rule-user-item{padding:.5rem;gap:.5rem}.rule-user-item input[type=checkbox]{width:15px;height:15px}.rule-user-name{font-size:.75rem}.rule-user-email{font-size:.65rem}.rule-schedule-options{flex-wrap:wrap;gap:.625rem}.rule-schedule-option{padding:.5rem .75rem;flex:1;min-width:calc(50% - .5rem);justify-content:center}.rule-schedule-option input[type=radio]{width:14px;height:14px}.rule-schedule-option span{font-size:.75rem}.rule-schedule-details{flex-direction:column;gap:.75rem}.rule-form-group{min-width:100%}.rule-form-group label{font-size:.65rem}.rule-form-input,.rule-form-select,.rule-form-textarea{padding:.5rem .625rem;font-size:.75rem}.rule-modal-footer{flex-direction:row;flex-wrap:wrap;padding:.75rem 1rem;gap:.5rem}.rule-btn{flex:1;min-width:0;padding:.5rem 1rem;font-size:.75rem}}@media(max-width:767px){.reports-page{padding:.75rem}.reports-header{margin-bottom:1rem}.reports-header-left h1{font-size:1.25rem;margin-bottom:.25rem}.reports-subtitle{font-size:.75rem}.reports-grid{grid-template-columns:1fr;gap:.75rem}.report-card{padding:.875rem;gap:.75rem}.report-card-icon{width:36px;height:36px;font-size:1.125rem}.report-card-content h3{font-size:.875rem}.report-card-content p{font-size:.688rem}.report-card-arrow svg{width:16px;height:16px}.report-modal-overlay{padding:0}.report-modal{max-width:100%;max-height:100vh;border-radius:0}.report-modal-header{padding:.75rem}.report-modal-header h3{font-size:.95rem}.report-modal-close{width:28px;height:28px}.report-modal-close svg{width:18px;height:18px}.report-modal-filters{padding:.625rem .75rem;gap:.5rem}.report-filter-group label{font-size:.6rem}.report-filter-input{padding:.375rem .5rem;font-size:.7rem}.report-filter-btn{padding:.375rem .625rem;font-size:.7rem}.report-filter-btn svg{width:14px;height:14px}.report-modal-body{padding:.75rem}.report-table{min-width:600px}.report-table th{padding:.5rem .625rem;font-size:.6rem}.report-table td{padding:.375rem .625rem;font-size:.7rem}.report-bold,.report-amount,.report-danger{font-size:.7rem}.report-status{font-size:.6rem;padding:.125rem .25rem}.report-pagination{flex-direction:row;padding:.5rem 0;gap:.375rem}.report-page-btn{width:26px;height:26px}.report-page-info{font-size:.65rem}.report-modal-footer{flex-direction:row;flex-wrap:wrap;padding:.5rem;gap:.25rem}.report-export-btn{flex:1;min-width:0;padding:.3rem .4rem;font-size:.65rem}.report-export-btn svg{width:14px;height:14px}.rule-modal-overlay{padding:0}.rule-modal{max-width:100%;max-height:100vh;border-radius:0}.rule-modal-header{padding:.75rem}.rule-modal-header h3{font-size:.875rem}.rule-modal-close{width:28px;height:28px}.rule-modal-close svg{width:18px;height:18px}.rule-modal-body{padding:.75rem}.rule-section{margin-bottom:1rem;padding-bottom:1rem}.rule-section h4{font-size:.813rem}.rule-section-desc{font-size:.65rem;margin-bottom:.625rem}.rule-users-list{max-height:150px;padding:.25rem}.rule-user-item{padding:.375rem .5rem;gap:.375rem}.rule-user-item input[type=checkbox]{width:14px;height:14px}.rule-user-name{font-size:.7rem}.rule-user-email{font-size:.6rem}.rule-schedule-options{gap:.5rem;margin-bottom:.75rem}.rule-schedule-option{padding:.375rem .625rem;min-width:calc(50% - .25rem)}.rule-schedule-option input[type=radio]{width:13px;height:13px}.rule-schedule-option span{font-size:.7rem}.rule-form-group label{font-size:.6rem}.rule-form-input,.rule-form-select,.rule-form-textarea{padding:.375rem .5rem;font-size:.7rem}.rule-modal-footer{flex-direction:row;flex-wrap:wrap;padding:.625rem .75rem;gap:.375rem}.rule-btn{flex:1;min-width:0;padding:.5rem .875rem;font-size:.7rem}}@media(max-width:480px){.reports-page{padding:.5rem}.reports-header-left h1{font-size:1.125rem}.reports-subtitle{font-size:.688rem}.reports-grid{gap:.625rem}.report-card{padding:.75rem;gap:.625rem}.report-card-icon{width:32px;height:32px;font-size:1rem}.report-card-content h3{font-size:.813rem}.report-card-content p{font-size:.625rem}.report-modal-header{padding:.625rem}.report-modal-header h3{font-size:.875rem}.report-modal-close{width:26px;height:26px}.report-modal-filters{padding:.5rem;gap:.375rem}.report-filter-group label{font-size:.55rem}.report-filter-input{padding:.25rem .375rem;font-size:.65rem}.report-filter-btn{padding:.25rem .5rem;font-size:.65rem}.report-modal-body{padding:.5rem}.report-table{min-width:520px}.report-table th{padding:.375rem .5rem;font-size:.55rem}.report-table td{padding:.25rem .5rem;font-size:.65rem}.report-bold,.report-amount,.report-danger{font-size:.65rem}.report-status{font-size:.55rem}.report-pagination{flex-direction:row;padding:.375rem 0;gap:.25rem}.report-page-btn{width:24px;height:24px}.report-page-info{font-size:.6rem}.report-modal-footer{flex-direction:row;flex-wrap:wrap;padding:.375rem;gap:.25rem}.report-export-btn{flex:1;min-width:0;padding:.25rem .375rem;font-size:.6rem}.rule-modal-header{padding:.625rem}.rule-modal-header h3{font-size:.813rem}.rule-modal-close{width:26px;height:26px}.rule-modal-body{padding:.5rem}.rule-section{margin-bottom:.875rem;padding-bottom:.875rem}.rule-section h4{font-size:.75rem}.rule-section-desc{font-size:.6rem}.rule-users-list{max-height:130px}.rule-user-item{padding:.25rem .375rem}.rule-user-item input[type=checkbox]{width:13px;height:13px}.rule-user-name{font-size:.65rem}.rule-user-email{font-size:.55rem}.rule-schedule-options{gap:.375rem}.rule-schedule-option{padding:.25rem .5rem}.rule-schedule-option span{font-size:.65rem}.rule-form-group label{font-size:.55rem}.rule-form-input,.rule-form-select,.rule-form-textarea{padding:.25rem .375rem;font-size:.65rem}.rule-modal-footer{flex-direction:row;flex-wrap:wrap;padding:.5rem}.rule-btn{flex:1;min-width:0;padding:.375rem .75rem;font-size:.65rem}}.reservation-page{padding:.75rem 1.5rem;width:100%;max-width:100%;height:calc(100vh - 56px);max-height:calc(100vh - 56px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.reservation-header{margin-bottom:.25rem;flex-shrink:0;height:auto}.reservation-title{display:flex;align-items:center;gap:.5rem;color:#1f2937}.reservation-title h1{font-size:1.1rem;font-weight:600;margin:0;line-height:1.2}.reservation-content{display:grid;grid-template-columns:280px 1fr;gap:1rem;flex:1;min-height:0;max-height:100%;overflow:hidden;width:100%;max-width:100%}.upcoming-reservations-panel{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:.5rem;display:flex;flex-direction:column;overflow:hidden;min-height:0}.upcoming-reservations-panel h3{font-size:.85rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;padding-bottom:.375rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.upcoming-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding-right:.25rem}.upcoming-item{display:flex;gap:.625rem;padding:.625rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s;cursor:pointer}.upcoming-item:hover{background:#eff6ff;border-color:#3b82f6;transform:translate(4px)}.upcoming-item.today{background:#fef3c7;border-color:#fbbf24}.upcoming-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:6px;padding:.375rem;min-width:44px;border:2px solid #e5e7eb}.upcoming-item.today .upcoming-date{background:#fbbf24;border-color:#f59e0b}.date-day{font-size:1.125rem;font-weight:700;color:#1f2937;line-height:1}.date-month{font-size:.6875rem;font-weight:500;color:#6b7280;text-transform:uppercase;margin-top:.125rem}.upcoming-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.upcoming-time{display:flex;align-items:center;gap:.25rem;color:#3b82f6;font-weight:600;font-size:.8125rem}.upcoming-customer{font-weight:600;color:#1f2937;font-size:.875rem}.upcoming-info{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.upcoming-info span{display:flex;align-items:center;gap:.25rem}.no-upcoming{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#9ca3af;text-align:center}.no-upcoming p{margin-top:.75rem;font-size:.875rem}.calendar-container{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;padding:.75rem;display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:100%;width:100%;max-width:100%;box-sizing:border-box}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0;border-bottom:1px solid #e5e7eb;flex-shrink:0}.calendar-month{font-size:.9rem;font-weight:600;color:#1f2937;margin:0}.calendar-nav-btn{background:#f3f4f6;border:none;border-radius:4px;padding:.25rem;cursor:pointer;color:#4b5563;transition:all .2s;display:flex;align-items:center;justify-content:center}.calendar-nav-btn:hover{background:#e5e7eb;color:#1f2937}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto repeat(6,1fr);gap:3px;flex:1;min-height:0;overflow:hidden}.calendar-day-name{text-align:center;font-weight:600;color:#6b7280;padding:.25rem;font-size:.65rem}.calendar-day{border:1px solid #e5e7eb;border-radius:4px;padding:.25rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:#fff;min-height:0;overflow:hidden}.calendar-day.empty{border:none;cursor:default;background:transparent}.calendar-day:not(.empty):hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.calendar-day.today{border-color:#3b82f6;background:#eff6ff}.calendar-day.today .day-number{background:#3b82f6;color:#fff;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-weight:600}.day-number{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.375rem;width:100%}.calendar-day.has-reservations{background:#fffbeb;border-color:#fbbf24}.calendar-day.has-reservations:hover{background:#fef3c7}.day-reservations-list{width:100%;display:flex;flex-direction:column;gap:.25rem;overflow:hidden;flex:1;margin-top:2px}.day-reservation-item{font-size:.6875rem;padding:.25rem .375rem;background:#fff;border:1px solid #d97706;border-left:3px solid #f59e0b;border-radius:3px;color:#92400e;font-weight:500;cursor:grab;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-reservation-item:active{cursor:grabbing}.day-reservation-item:hover{background:#fef3c7;border-color:#b45309;transform:translate(2px)}.day-reservation-item.dragging{opacity:.5;cursor:grabbing}.calendar-day:has(.day-content-compact){flex-direction:row;flex-wrap:wrap;align-content:flex-start;overflow-y:auto;gap:3px}.day-content-compact{display:contents}.day-content-compact .day-number{font-size:.8125rem;font-weight:600;color:#374151;margin-right:3px;line-height:24px}.compact-reservations{display:contents}.reservation-initial-box{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;font-size:.6rem;font-weight:700;border-radius:3px;cursor:grab;transition:all .2s;border:1px solid #d97706;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.reservation-initial-box:hover{transform:scale(1.1);background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 2px 4px #00000026;z-index:1}.reservation-initial-box:active{cursor:grabbing}.day-reservations-compact{width:100%;display:flex;flex-wrap:wrap;gap:.25rem;overflow-y:auto;flex:1}.reservation-initial{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#fbbf24;color:#78350f;font-size:.6875rem;font-weight:700;border-radius:4px;cursor:grab;transition:all .2s;border:1px solid #f59e0b;flex-shrink:0}.reservation-initial:hover{background:#f59e0b;transform:scale(1.1);z-index:10}.reservation-initial:active{cursor:grabbing}.reservation-initial.dragging{opacity:.5;cursor:grabbing}.calendar-day.drag-over{background:#dbeafe;border-color:#3b82f6;border-style:dashed}.reservation-count{font-size:.6875rem;color:#92400e;background:#fbbf24;padding:.125rem .375rem;border-radius:10px;font-weight:500;margin-top:auto}.reservation-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.reservation-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.reservation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.reservation-modal-title{display:flex;align-items:center;gap:.75rem;color:#1f2937}.reservation-modal-title h3{font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;transition:all .2s}.reservation-modal-body{padding:1.25rem}.selected-date-info{display:flex;align-items:center;gap:.5rem;background:#eff6ff;color:#1e40af;padding:.625rem .875rem;border-radius:8px;margin-bottom:1.25rem;font-weight:500;font-size:.9375rem}.form-group{margin-bottom:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group textarea{width:100%;padding:.625rem .75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;background:#eff6ff}.form-group textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.reservation-modal-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e5e7eb}.btn-cancel,.btn-confirm{flex:1;padding:.625rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.9375rem}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{background:#3b82f6;color:#fff}.btn-confirm:hover{background:#2563eb}.existing-reservations{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.existing-reservations h4{font-size:.9375rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.reservation-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;margin-bottom:.625rem}.reservation-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.reservation-time{font-weight:600;color:#1f2937;font-size:1rem}.reservation-guests{background:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.reservation-item-body{display:flex;flex-direction:column;gap:.25rem}.reservation-customer{font-weight:500;color:#374151}.reservation-phone,.reservation-table{font-size:.875rem;color:#6b7280}@media(max-width:1200px){.reservation-content{grid-template-columns:260px 1fr}}@media(max-width:1024px){.reservation-content{grid-template-columns:1fr}.upcoming-reservations-panel{max-height:300px}}@media(max-width:768px){.reservation-page{padding:.75rem 1rem}.calendar-container,.upcoming-reservations-panel{padding:.75rem}.calendar-day{min-height:60px;padding:.25rem}.day-number{font-size:.875rem}.reservation-count{font-size:.625rem;padding:.125rem .25rem}.form-row{grid-template-columns:1fr}.reservation-modal{max-width:100%}.reservation-modal-body,.reservation-modal-header,.reservation-modal-footer{padding:.875rem}}.profile-page{padding:2rem;width:100%;margin:0 auto;background-color:#f9fafb;min-height:100vh}.profile-header{margin-bottom:2rem}.profile-header h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.profile-subtitle{font-size:.9375rem;color:#6b7280;margin:0}.profile-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.profile-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.profile-content{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:start}.profile-left-column{display:flex;flex-direction:column;gap:15px}.profile-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.profile-info-card{padding:1.5rem}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.profile-avatar{position:relative;width:100px;height:100px;margin-bottom:1rem}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.profile-avatar-edit{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background-color:#1f2937;color:#fff;border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.profile-avatar-edit:hover{background-color:#111827;transform:scale(1.1)}.profile-name-section h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:700;color:#1f2937}.profile-role{margin:0;font-size:.875rem;color:#6b7280}.profile-quick-info{display:flex;flex-direction:column;gap:.75rem}.profile-quick-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#4b5563}.profile-quick-item svg{color:#9ca3af;flex-shrink:0}.profile-security-card{padding:1.25rem}.profile-form-card{grid-column:2;grid-row:1}.profile-form-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.profile-form-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#1f2937}.profile-edit-btn{padding:.5rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.profile-edit-btn:hover{background-color:#111827}.profile-form-actions{display:flex;gap:.5rem}.profile-cancel-btn{padding:.5rem 1rem;background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.profile-cancel-btn:hover{background-color:#e5e7eb;color:#1f2937}.profile-save-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background-color:#10b981;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.profile-save-btn:hover{background-color:#059669}.profile-form{padding:1.5rem}.profile-form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.profile-form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.profile-form-section h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1f2937}.profile-form-section-desc{margin:0 0 1rem;font-size:.8125rem;color:#9ca3af}.profile-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.profile-form-row:last-child{margin-bottom:0}.profile-form-group{display:flex;flex-direction:column;gap:.375rem}.profile-form-group.full-width{grid-column:1 / -1;margin-bottom:1rem}.profile-form-group.full-width:last-child{margin-bottom:0}.profile-form-group label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase}.profile-form-group label svg{color:#9ca3af}.profile-input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;background-color:#fff;outline:none;transition:all .2s}.profile-input:focus{border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.profile-input.disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.profile-input.readonly{background-color:#f9fafb;border-color:#e5e7eb}.profile-textarea{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;background-color:#fff;outline:none;transition:all .2s;resize:vertical;font-family:inherit}.profile-textarea:focus{border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.profile-textarea.readonly{background-color:#f9fafb;border-color:#e5e7eb}.profile-security-card h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1f2937}.profile-security-desc{margin:0 0 1rem;font-size:.8125rem;color:#6b7280}.profile-password-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.profile-password-btn:hover{background-color:#e5e7eb;border-color:#d1d5db}.profile-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.profile-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:450px;overflow:hidden;animation:profileModalSlideIn .3s ease}@keyframes profileModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.profile-modal-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.5rem}.profile-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;background:none;border:none;color:#6b7280;font-size:1.5rem;cursor:pointer;transition:all .2s}.profile-modal-close:hover{background-color:#e5e7eb;color:#1f2937}.profile-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.profile-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;justify-content:flex-end}@media(max-width:1024px){.profile-content{grid-template-columns:1fr}.profile-form-card{grid-column:1;grid-row:auto}.profile-left-column{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}}@media(max-width:768px){.profile-page{padding:.75rem}.profile-header{margin-bottom:1rem}.profile-header h1{font-size:1.375rem}.profile-subtitle{font-size:.8125rem}.profile-content{gap:1rem}.profile-left-column{grid-template-columns:1fr;gap:.75rem}.profile-card{border-radius:.625rem}.profile-info-card{padding:1rem}.profile-avatar-section{flex-direction:row;text-align:left;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.profile-avatar{width:70px;height:70px;margin-bottom:0;flex-shrink:0}.profile-avatar-placeholder{font-size:1.5rem}.profile-avatar-edit{width:28px;height:28px}.profile-name-section h2{font-size:1.125rem}.profile-role{font-size:.8125rem}.profile-quick-info{gap:.5rem}.profile-quick-item{font-size:.8125rem;gap:.5rem}.profile-quick-item svg{width:14px;height:14px}.profile-security-card,.profile-language-card{padding:1rem}.profile-security-card h3,.profile-language-card h3{font-size:.9375rem}.profile-security-desc,.profile-language-desc{font-size:.75rem;margin-bottom:.75rem}.profile-password-btn,.profile-language-btn{padding:.625rem .875rem;font-size:.8125rem}.profile-form-header{padding:1rem;flex-direction:column;gap:.75rem;align-items:stretch}.profile-form-header h3{font-size:1rem;text-align:center}.profile-form-actions{justify-content:center}.profile-edit-btn{width:100%;text-align:center;justify-content:center}.profile-form{padding:1rem}.profile-form-section{margin-bottom:1.25rem;padding-bottom:1.25rem}.profile-form-section h4{font-size:.9375rem}.profile-form-section-desc{font-size:.75rem;margin-bottom:.75rem}.profile-form-row{grid-template-columns:1fr;gap:.75rem;margin-bottom:.75rem}.profile-form-group label{font-size:.6875rem}.profile-input{padding:.625rem .875rem;font-size:.8125rem}.profile-modal{max-width:100%;margin:.5rem;max-height:90vh;display:flex;flex-direction:column}.profile-modal-header{padding:1rem}.profile-modal-header h3{font-size:1rem}.profile-modal-body{padding:1rem;overflow-y:auto;flex:1}.profile-modal-footer{padding:.75rem 1rem;flex-direction:column}.profile-modal-footer .profile-cancel-btn,.profile-modal-footer .profile-save-btn{width:100%;justify-content:center}}@media(max-width:480px){.profile-page{padding:.5rem}.profile-header h1{font-size:1.25rem}.profile-avatar-section{flex-direction:column;text-align:center}.profile-avatar{margin-bottom:.75rem}.profile-form-header,.profile-form{padding:.875rem}.profile-form-actions{flex-direction:column;width:100%}.profile-form-actions .profile-cancel-btn,.profile-form-actions .profile-save-btn{width:100%;justify-content:center}.profile-info-card,.profile-security-card,.profile-language-card{padding:.875rem}}.profile-language-card{padding:1.25rem}.profile-language-card h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1f2937}.profile-language-desc{margin:0 0 1rem;font-size:.8125rem;color:#6b7280}.profile-language-selector{position:relative}.profile-language-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#1f2937;cursor:pointer;transition:all .2s}.profile-language-btn:hover{border-color:#d1d5db;background-color:#f9fafb}.profile-language-current{display:flex;align-items:center;gap:.75rem}.profile-language-flag{font-size:1.25rem;line-height:1}.profile-language-btn svg.rotated{transform:rotate(180deg)}.profile-language-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a;z-index:100;overflow:hidden;animation:languageDropdownSlideIn .2s ease}@keyframes languageDropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-language-search{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid #e5e7eb}.profile-language-search svg{color:#9ca3af;flex-shrink:0}.profile-language-search input{flex:1;border:none;outline:none;font-size:.875rem;color:#1f2937;background:transparent}.profile-language-search input::placeholder{color:#9ca3af}.profile-language-list{max-height:200px;overflow-y:auto}.profile-language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background-color:#fff;border:none;font-size:.875rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s;text-align:left}.profile-language-option:hover{background-color:#f9fafb}.profile-language-option.active{background-color:#eff6ff;color:#1e40af;font-weight:600}.stock-page{padding:1.5rem;background-color:#f9fafb;min-height:calc(100vh - 80px)}.stock-header{margin-bottom:1.5rem}.stock-header h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .375rem}.page-subtitle{font-size:.875rem;color:#6b7280;margin:0}.stock-widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stock-widget{background:#fff;border-radius:.75rem;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.stock-widget:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stock-widget.clickable{cursor:pointer}.widget-icon{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.widget-icon.total{background-color:#dbeafe;color:#2563eb}.widget-icon.low{background-color:#fef3c7;color:#d97706}.widget-icon.out{background-color:#fee2e2;color:#dc2626}.widget-icon.count{background-color:#d1fae5;color:#059669}.widget-content h3{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .25rem}.widget-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.widget-label{font-size:.75rem;color:#9ca3af}.stock-list-container{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.stock-list-header{padding:1.25rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.stock-list-header h2{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.stock-list-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#f3f4f6;border-radius:.5rem;border:1px solid #e5e7eb}.search-box input{border:none;background:none;outline:none;font-size:.875rem;color:#1f2937;width:180px}.search-box svg{color:#6b7280}.category-select{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#1f2937;background-color:#fff;cursor:pointer;outline:none}.category-select:focus{border-color:#3b82f6}.count-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.count-btn.start{background-color:#059669;color:#fff}.count-btn.start:hover{background-color:#047857}.count-btn.finish{background-color:#dc2626;color:#fff}.count-btn.finish:hover{background-color:#b91c1c}.stock-table-wrapper{overflow-x:auto}.stock-table{width:100%;border-collapse:collapse}.stock-table th,.stock-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.stock-table th{background-color:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.stock-table td{font-size:.875rem;color:#1f2937}.stock-table tbody tr:hover{background-color:#f9fafb}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.status-badge.normal{background-color:#d1fae5;color:#059669}.status-badge.low{background-color:#fef3c7;color:#d97706}.status-badge.out{background-color:#fee2e2;color:#dc2626}.count-input{width:80px;padding:.375rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;text-align:center;outline:none}.count-input:focus{border-color:#3b82f6}.difference{font-weight:600;font-size:.875rem}.difference.positive{color:#059669}.difference.negative{color:#dc2626}.difference.zero{color:#6b7280}.note-input{width:150px;padding:.375rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;outline:none}.note-input:focus{border-color:#3b82f6}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.previous-counts-modal{width:550px}.count-detail-modal{width:500px}.modal-header{padding:1.25rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease}.modal-close-btn:hover{background-color:#f3f4f6;color:#1f2937}.previous-counts-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.previous-count-item{padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.previous-count-item:hover{background-color:#f9fafb;border-color:#d1d5db}.count-date-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.count-date-info svg{color:#6b7280}.count-date{font-size:1rem;font-weight:600;color:#1f2937}.count-time{font-size:.875rem;color:#6b7280}.count-details{display:flex;align-items:center;gap:1rem;font-size:.875rem}.count-by{color:#4b5563}.count-products{color:#059669;font-weight:500}.count-differences{color:#d97706;font-weight:500}.count-detail-content{padding:1.5rem}.count-detail-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.detail-label{font-size:.875rem;color:#6b7280}.detail-value{font-size:.875rem;font-weight:600;color:#1f2937}.detail-value.highlight{color:#d97706}.count-detail-summary{background-color:#f9fafb;border-radius:.5rem;padding:1rem}.count-detail-summary h4{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.count-detail-summary p{font-size:.875rem;color:#4b5563;margin:0;line-height:1.5}@media(max-width:1400px){.stock-page{padding:1.25rem}.stock-header h1{font-size:1.5rem}.stock-widgets{gap:.875rem}.stock-widget{padding:1rem}.widget-icon{width:42px;height:42px}.widget-value{font-size:1.375rem}}@media(max-width:1199px){.stock-page{padding:1rem}.stock-header{margin-bottom:1.25rem}.stock-header h1{font-size:1.375rem}.page-subtitle{font-size:.813rem}.stock-widgets{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.stock-widget{padding:1rem;gap:.875rem}.widget-icon{width:40px;height:40px}.widget-content h3{font-size:.813rem}.widget-value{font-size:1.25rem}.widget-label{font-size:.688rem}.stock-list-header{padding:1rem}.stock-list-header h2{font-size:1rem}.search-box input{width:150px}.stock-table th,.stock-table td{padding:.75rem .875rem}.stock-table th{font-size:.688rem}.stock-table td{font-size:.813rem}.previous-counts-modal{width:500px}.count-detail-modal{width:450px}}@media(max-width:1023px){.stock-page{padding:.875rem}.stock-header{margin-bottom:1rem}.stock-header h1{font-size:1.25rem;margin-bottom:.25rem}.page-subtitle{font-size:.75rem}.stock-widgets{grid-template-columns:repeat(2,1fr);gap:.625rem;margin-bottom:1rem}.stock-widget{padding:.875rem;gap:.75rem;border-radius:.5rem}.widget-icon{width:36px;height:36px;border-radius:.375rem}.widget-content h3{font-size:.75rem}.widget-value{font-size:1.125rem}.widget-label{font-size:.65rem}.stock-list-container{border-radius:.5rem}.stock-list-header{padding:.875rem;gap:.75rem}.stock-list-header h2{font-size:.95rem}.stock-list-actions{gap:.5rem}.search-box{padding:.375rem .625rem}.search-box input{width:140px;font-size:.813rem}.category-select{padding:.375rem .625rem;font-size:.813rem}.count-btn{padding:.375rem .75rem;font-size:.813rem}.stock-table{min-width:700px}.stock-table th,.stock-table td{padding:.625rem .75rem}.stock-table th{font-size:.65rem}.stock-table td{font-size:.75rem}.status-badge{padding:.2rem .625rem;font-size:.688rem}.count-input{width:70px;padding:.25rem .375rem;font-size:.813rem}.note-input{width:120px;padding:.25rem .375rem;font-size:.813rem}.difference{font-size:.813rem}.modal-content{max-height:90vh}.previous-counts-modal,.count-detail-modal{width:95%;max-width:95%}.modal-header{padding:1rem}.modal-header h3{font-size:1rem}.previous-counts-list{padding:.875rem;gap:.625rem;max-height:350px}.previous-count-item{padding:.875rem}.count-date{font-size:.95rem}.count-time{font-size:.813rem}.count-details{font-size:.813rem;gap:.75rem}.count-detail-content{padding:1.25rem}.detail-row{padding:.375rem 0}.detail-label,.detail-value{font-size:.813rem}.count-detail-summary{padding:.875rem}.count-detail-summary h4,.count-detail-summary p{font-size:.813rem}}@media(max-width:767px){.stock-page{padding:.75rem}.stock-header{margin-bottom:.875rem}.stock-header h1{font-size:1.125rem}.page-subtitle{font-size:.7rem}.stock-widgets{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.875rem}.stock-widget{padding:.75rem;gap:.625rem}.widget-icon{width:32px;height:32px}.widget-icon svg{width:16px;height:16px}.widget-content h3{font-size:.688rem;margin-bottom:.125rem}.widget-value{font-size:1rem;margin-bottom:.125rem}.widget-label{font-size:.6rem}.stock-list-header{flex-direction:column;align-items:flex-start;padding:.75rem;gap:.625rem}.stock-list-header h2{font-size:.9rem}.stock-list-actions{width:100%;flex-direction:column;gap:.5rem}.search-box{width:100%;padding:.375rem .5rem}.search-box input{width:100%;font-size:.75rem}.category-select{width:100%;padding:.375rem .5rem;font-size:.75rem}.count-btn{width:100%;justify-content:center;padding:.5rem .75rem;font-size:.75rem}.stock-table{min-width:600px}.stock-table th,.stock-table td{padding:.5rem .625rem}.stock-table th{font-size:.6rem}.stock-table td{font-size:.7rem}.status-badge{padding:.125rem .5rem;font-size:.625rem}.count-input{width:60px;padding:.25rem;font-size:.75rem}.note-input{width:100px;padding:.25rem;font-size:.75rem}.difference{font-size:.75rem}.modal-content{max-height:100vh;border-radius:0}.previous-counts-modal,.count-detail-modal{width:100%;max-width:100%;height:100vh;max-height:100vh}.modal-header{padding:.875rem}.modal-header h3{font-size:.95rem}.previous-counts-list{padding:.75rem;gap:.5rem;max-height:calc(100vh - 150px)}.previous-count-item{padding:.75rem}.count-date-info{margin-bottom:.5rem}.count-date{font-size:.875rem}.count-time{font-size:.75rem}.count-details{font-size:.75rem;gap:.5rem;flex-wrap:wrap}.count-detail-content{padding:1rem}.count-detail-info{gap:.5rem;margin-bottom:1rem}.detail-label,.detail-value{font-size:.75rem}.count-detail-summary{padding:.75rem}.count-detail-summary h4,.count-detail-summary p{font-size:.75rem}}@media(max-width:480px){.stock-page{padding:.5rem}.stock-header{margin-bottom:.75rem}.stock-header h1{font-size:1rem}.page-subtitle{font-size:.65rem}.stock-widgets{gap:.375rem;margin-bottom:.75rem}.stock-widget{padding:.625rem;gap:.5rem}.widget-icon{width:28px;height:28px}.widget-icon svg{width:14px;height:14px}.widget-content h3{font-size:.625rem}.widget-value{font-size:.9rem}.widget-label{font-size:.55rem}.stock-list-header{padding:.625rem}.stock-list-header h2{font-size:.85rem}.stock-list-actions{gap:.375rem}.search-box{padding:.25rem .375rem}.search-box input{font-size:.7rem}.search-box svg{width:14px;height:14px}.category-select{padding:.25rem .375rem;font-size:.7rem}.count-btn{padding:.375rem .625rem;font-size:.7rem}.count-btn svg{width:14px;height:14px}.stock-table{min-width:520px}.stock-table th,.stock-table td{padding:.375rem .5rem}.stock-table th{font-size:.55rem}.stock-table td{font-size:.65rem}.status-badge{padding:.125rem .375rem;font-size:.6rem}.count-input{width:55px;font-size:.7rem}.note-input{width:80px;font-size:.7rem}.difference{font-size:.7rem}.modal-header{padding:.75rem}.modal-header h3{font-size:.875rem}.modal-close-btn{padding:.125rem}.previous-counts-list,.previous-count-item{padding:.625rem}.count-date{font-size:.813rem}.count-time,.count-details{font-size:.688rem}.count-detail-content{padding:.75rem}.detail-label,.detail-value{font-size:.688rem}.count-detail-summary{padding:.625rem}.count-detail-summary h4,.count-detail-summary p{font-size:.688rem}}.qr-menu-page{min-height:100vh;background-color:#f8fafc;padding-bottom:100px}.qr-menu-header{background:linear-gradient(135deg,#1f2937,#374151);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.restaurant-info{text-align:left}.restaurant-name{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;letter-spacing:.05em}.restaurant-tagline{font-size:.875rem;opacity:.8;margin:0}.language-selector{display:flex;gap:.25rem;background:#ffffff1a;padding:.25rem;border-radius:.5rem}.lang-btn{padding:.375rem .75rem;background:transparent;border:none;color:#ffffffb3;font-size:.75rem;font-weight:600;cursor:pointer;border-radius:.375rem;transition:all .2s}.lang-btn:hover{color:#fff}.lang-btn.active{background:#fff;color:#1f2937}.qr-menu-search{display:flex;align-items:center;gap:.75rem;margin:1rem;padding:.875rem 1rem;background:#fff;border-radius:1rem;box-shadow:0 2px 8px #00000014}.qr-menu-search svg{color:#9ca3af;flex-shrink:0}.qr-menu-search input{flex:1;border:none;outline:none;font-size:1rem;color:#1f2937;background:transparent}.qr-menu-search input::placeholder{color:#9ca3af}.qr-menu-categories{display:flex;gap:.75rem;padding:.5rem 1rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.qr-menu-categories::-webkit-scrollbar{display:none}.category-chip{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:1rem;cursor:pointer;transition:all .2s;min-width:80px;flex-shrink:0}.category-chip:hover{border-color:#1f2937}.category-chip.active{background:#1f2937;border-color:#1f2937;color:#fff}.category-icon{font-size:1.5rem}.category-chip span:last-child{font-size:.75rem;font-weight:600;white-space:nowrap}.qr-menu-subcategories{display:flex;gap:.5rem;padding:0 1rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.qr-menu-subcategories::-webkit-scrollbar{display:none}.subcategory-chip{padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:2rem;font-size:.8125rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.subcategory-chip:hover{border-color:#1f2937;color:#1f2937}.subcategory-chip.active{background:#1f2937;border-color:#1f2937;color:#fff}.qr-menu-products{display:grid;grid-template-columns:1fr;gap:1rem;padding:0 1rem}@media(min-width:480px){.qr-menu-products{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.qr-menu-products{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.qr-menu-products{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.qr-menu-products{grid-template-columns:repeat(6,1fr)}}.qr-menu-page .product-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:all .2s;display:flex;flex-direction:column}.qr-menu-page .product-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.qr-menu-page .product-image{height:160px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-menu-page .product-img{width:100%;height:100%;object-fit:cover}.qr-menu-page .product-placeholder-icon{font-size:3rem;opacity:.5}.qr-menu-page .product-info{padding:1rem;display:flex;flex-direction:column;flex:1}.qr-menu-page .product-content{display:flex;gap:1rem;flex:1}.qr-menu-page .product-left{flex:1;display:flex;flex-direction:column}.qr-menu-page .product-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.qr-menu-page .product-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .375rem}.qr-menu-page .product-price{font-size:1.125rem;font-weight:700;color:#059669;white-space:nowrap}.qr-menu-page .product-description{font-size:.8125rem;color:#6b7280;margin:0;line-height:1.5}.qr-menu-page .product-allergens{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:auto;padding-top:.75rem;border-top:1px solid #f3f4f6}.qr-menu-page .allergen-label{font-size:.6875rem;color:#dc2626;font-weight:500}.qr-menu-page .allergen-tag{font-size:.625rem;background:#fef2f2;color:#dc2626;padding:.125rem .375rem;border-radius:.25rem;font-weight:500}.qr-menu-page .product-actions{margin-top:auto}.qr-menu-page .add-to-cart-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#1f2937;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.qr-menu-page .add-to-cart-btn:hover{background:#111827}.qr-menu-page .quantity-controls{display:flex;align-items:center;gap:.5rem;background:#f3f4f6;border-radius:.5rem;padding:.25rem}.qr-menu-page .qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;color:#1f2937}.qr-menu-page .qty-btn:hover{background:#1f2937;color:#fff}.qr-menu-page .qty-value{min-width:24px;text-align:center;font-weight:600;color:#1f2937}.cart-floating-btn{position:fixed;bottom:1.5rem;left:1rem;right:1rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#1f2937;color:#fff;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #1f29374d;transition:all .2s;z-index:100}.cart-floating-btn:hover{background:#111827;transform:translateY(-2px)}.cart-badge{background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:1rem;min-width:24px;text-align:center}.cart-total{flex:1;text-align:right}.cart-modal-overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cart-modal{background:#fff;width:90%;max-width:500px;max-height:80vh;border-radius:1rem;display:flex;flex-direction:column;animation:scaleIn .3s ease;box-shadow:0 20px 60px #0003}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.cart-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.cart-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.cart-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;font-size:1.5rem;color:#6b7280;cursor:pointer;transition:all .2s}.cart-close-btn:hover{background:#e5e7eb;color:#1f2937}.cart-modal-body{flex:1;overflow-y:auto;padding:0}.qr-menu-page .cart-item{display:flex;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;width:100%}.qr-menu-page .cart-item:last-child{border-bottom:none}.qr-menu-page .cart-item-image{width:56px;height:56px;border-radius:.5rem;overflow:hidden;flex-shrink:0;background:#e5e7eb;display:flex;align-items:center;justify-content:center}.qr-menu-page .cart-item-image img{width:100%;height:100%;object-fit:cover}.qr-menu-page .cart-item-placeholder{font-size:1.25rem;opacity:.5}.qr-menu-page .cart-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.qr-menu-page .cart-item-name{margin:0;font-size:.875rem;font-weight:600;color:#1f2937}.qr-menu-page .cart-item-price-row{display:flex;align-items:center;gap:.5rem}.qr-menu-page .cart-item-unit-price{font-size:.75rem;color:#6b7280}.qr-menu-page .cart-item-quantity{font-size:.75rem;color:#6b7280;font-weight:600}.qr-menu-page .cart-item-total-price{font-size:.875rem;font-weight:700;color:#059669}.qr-menu-page .cart-item-controls{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.qr-menu-page .cart-item-controls .qty-btn.minus{background:#ef4444;color:#fff}.qr-menu-page .cart-item-controls .qty-btn.minus:hover{background:#dc2626}.qr-menu-page .cart-item-controls .qty-btn.plus{background:#059669;color:#fff}.qr-menu-page .cart-item-controls .qty-btn.plus:hover{background:#047857}.cart-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.cart-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1rem;color:#4b5563}.cart-total-price{font-size:1.5rem;font-weight:700;color:#1f2937}.order-btn{width:100%;padding:1rem;background:#059669;color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.order-btn:hover{background:#047857}.finance-page{padding:24px;background:#f8f9fa;min-height:100vh}.finance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.finance-header h1{font-size:24px;font-weight:600;color:#1a1a2e;margin:0}.finance-header-actions{display:flex;gap:12px}.finance-tabs{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.finance-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s}.finance-tab:hover{background:#f3f4f6;color:#374151}.finance-tab.active{background:#4f46e5;color:#fff}.finance-tab.active:hover{background:#4338ca}.finance-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.finance-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.finance-search{display:flex;align-items:center;gap:8px;background:#f3f4f6;padding:8px 16px;border-radius:8px;width:300px}.finance-search input{border:none;background:transparent;outline:none;width:100%;font-size:14px}.finance-search svg{color:#9ca3af}.finance-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.finance-add-btn:hover{background:#4338ca}.finance-add-btn.income{background:#10b981}.finance-add-btn.income:hover{background:#059669}.finance-add-btn.expense{background:#ef4444}.finance-add-btn.expense:hover{background:#dc2626}.finance-add-btn.tip{background:#f59e0b}.finance-add-btn.tip:hover{background:#d97706}.finance-table{width:100%;border-collapse:collapse}.finance-table th,.finance-table td{padding:14px 20px;text-align:left;border-bottom:1px solid #e5e7eb}.finance-table th{background:#f9fafb;font-weight:600;font-size:12px;text-transform:uppercase;color:#6b7280}.finance-table td{font-size:14px;color:#374151}.finance-table tr:hover{background:#f9fafb}.finance-amount{font-weight:600}.finance-amount.income{color:#10b981}.finance-amount.expense{color:#ef4444}.finance-amount.tip{color:#f59e0b}.finance-cash-register{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#f3f4f6;border-radius:6px;font-size:13px;color:#4b5563}.finance-date{color:#6b7280;font-size:13px}.finance-actions{display:flex;gap:8px}.finance-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.finance-action-btn.edit{background:#e0e7ff;color:#4f46e5}.finance-action-btn.edit:hover{background:#c7d2fe}.finance-action-btn.delete{background:#fee2e2;color:#ef4444}.finance-action-btn.delete:hover{background:#fecaca}.finance-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.finance-empty svg{margin-bottom:16px;opacity:.5}.finance-empty p{font-size:14px}.finance-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px;border-top:1px solid #e5e7eb}.finance-page-btn{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.finance-page-btn:hover:not(:disabled){background:#f3f4f6}.finance-page-btn:disabled{opacity:.5;cursor:not-allowed}.finance-page-info{font-size:14px;color:#6b7280}.finance-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.finance-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0003}.finance-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.finance-modal-header h2{font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.finance-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;transition:background .2s}.finance-modal-close:hover{background:#e5e7eb}.finance-modal-body{padding:24px}.finance-form-group{margin-bottom:20px}.finance-form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.finance-form-group input,.finance-form-group select,.finance-form-group textarea{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.finance-form-group input:focus,.finance-form-group select:focus,.finance-form-group textarea:focus{outline:none;border-color:#4f46e5}.finance-form-group textarea{resize:vertical;min-height:80px}.finance-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.finance-btn-cancel{padding:10px 20px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.finance-btn-cancel:hover{background:#f3f4f6}.finance-btn-save{padding:10px 20px;border:none;background:#4f46e5;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.finance-btn-save:hover{background:#4338ca}.finance-btn-save.income{background:#10b981}.finance-btn-save.income:hover{background:#059669}.finance-btn-save.expense{background:#ef4444}.finance-btn-save.expense:hover{background:#dc2626}.finance-btn-save.tip{background:#f59e0b}.finance-btn-save.tip:hover{background:#d97706}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.finance-summary-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.finance-summary-card h3{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 8px}.finance-summary-card .amount{font-size:28px;font-weight:700}.finance-summary-card.income .amount{color:#10b981}.finance-summary-card.expense .amount{color:#ef4444}.finance-summary-card.tip .amount{color:#f59e0b}.finance-summary-card .count{font-size:13px;color:#9ca3af;margin-top:4px}.cashbox-page{padding:1.5rem;background-color:#f9fafb;min-height:calc(100vh - 60px)}.cashbox-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.cashbox-header-left{display:flex;align-items:center;gap:1rem}.cashbox-header-left svg{color:#1f2937}.cashbox-header-left h1{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.cashbox-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#6b7280}.cashbox-search-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;min-width:280px}.cashbox-search-bar svg{color:#9ca3af}.cashbox-search-bar input{border:none;outline:none;font-size:.875rem;color:#1f2937;width:100%}.cashbox-search-bar input::placeholder{color:#9ca3af}.cashbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.cashbox-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;text-align:center}.cashbox-empty svg{color:#d1d5db;margin-bottom:1rem}.cashbox-empty p{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#6b7280}.cashbox-empty span{font-size:.875rem;color:#9ca3af}.cashbox-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.cashbox-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#1f2937}.cashbox-card-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#1f2937,#374151);border-radius:.75rem;color:#fff}.cashbox-card-info{flex:1}.cashbox-card-info h3{margin:0 0 .375rem;font-size:1.125rem;font-weight:600;color:#1f2937}.cashbox-card-payment{margin:0 0 .5rem;font-size:.8125rem;color:#6b7280}.cashbox-card-permission{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.cashbox-card-permission.everyone{background:#dcfce7;color:#22c55e}.cashbox-card-permission.special{background:#fef3c7;color:#f59e0b}@media(max-width:1024px){.cashbox-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:768px){.cashbox-page{padding:1rem}.cashbox-page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.cashbox-header-left{gap:.75rem}.cashbox-header-left h1{font-size:1.25rem}.cashbox-subtitle{font-size:.8125rem}.cashbox-search-bar{width:100%;min-width:unset;padding:.625rem .875rem}.cashbox-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.cashbox-card{flex-direction:column;align-items:flex-start;padding:1rem;gap:.75rem}.cashbox-card-icon{width:48px;height:48px}.cashbox-card-icon svg{width:24px;height:24px}.cashbox-card-info h3{font-size:1rem;margin-bottom:.25rem}.cashbox-card-payment{font-size:.75rem;margin-bottom:.375rem}.cashbox-card-permission{font-size:.6875rem;padding:.2rem .5rem}}@media(max-width:480px){.cashbox-page{padding:.75rem}.cashbox-page-header{margin-bottom:1rem}.cashbox-header-left h1{font-size:1.125rem}.cashbox-header-left svg{width:20px;height:20px}.cashbox-subtitle{font-size:.75rem}.cashbox-search-bar{padding:.5rem .75rem}.cashbox-search-bar input{font-size:.8125rem}.cashbox-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.cashbox-card{padding:.75rem;gap:.5rem;border-radius:.5rem}.cashbox-card-icon{width:40px;height:40px;border-radius:.5rem}.cashbox-card-icon svg{width:20px;height:20px}.cashbox-card-info h3{font-size:.875rem}.cashbox-card-payment{font-size:.6875rem}.cashbox-card-permission{font-size:.625rem;padding:.15rem .375rem}.cashbox-empty{padding:2rem 1rem}.cashbox-empty svg{width:48px;height:48px}.cashbox-empty p{font-size:.875rem}.cashbox-empty span{font-size:.75rem}}@media screen and (max-width:768px){.header-container{display:grid!important;grid-template-columns:40px 1fr 40px!important;align-items:center!important;padding:.5rem 1rem!important;gap:0!important}.mobile-menu-btn{display:flex!important;justify-content:flex-start!important;flex-shrink:0!important}.header-logo{display:flex!important;justify-content:center!important}.header-nav-wrapper{display:none!important}.header-user{display:flex!important;justify-content:flex-end!important;flex-shrink:0!important}.header-user .user-profile{padding:.25rem!important}.header-user .user-profile .chevron-icon,.header-nav,.user-info,.module-switch-btn{display:none!important}}.header{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:1000;width:100%;max-width:100vw;overflow:visible}.header-container{display:flex;align-items:stretch;justify-content:space-between;padding:2px 1rem;width:100%;max-width:100%;margin:0 auto;gap:.5rem;box-sizing:border-box;min-height:56px}.header-logo{display:flex;align-items:center;flex-shrink:0}.header-logo .logo-img{height:20px;width:auto;cursor:pointer}.header-logo h1{font-size:1.75rem;font-weight:700;color:#1e40af;margin:0;cursor:pointer}.header-nav-wrapper{position:relative;flex:1;display:flex;justify-content:center;overflow:visible;min-width:0;max-width:100%;align-self:stretch}.header-nav-wrapper:before,.header-nav-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:10;transition:opacity .3s ease;opacity:0}.header-nav-wrapper:before{left:0;background:linear-gradient(to right,#fff,#fff0)}.header-nav-wrapper:after{right:0;background:linear-gradient(to left,#fff,#fff0)}.header-nav-wrapper.scroll-start:after{opacity:1}.header-nav-wrapper.scroll-end:before{opacity:1}.header-nav-wrapper.scroll-middle:before,.header-nav-wrapper.scroll-middle:after{opacity:1}.header-nav-wrapper.scroll-none:before,.header-nav-wrapper.scroll-none:after{opacity:0}.header-nav{display:flex;align-items:stretch;justify-content:center;gap:.5rem;padding:0;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%}.header-nav::-webkit-scrollbar{display:none}.nav-item-wrapper{position:relative;flex-shrink:0;display:flex;align-items:center;align-self:stretch;padding-bottom:2px;margin-bottom:-2px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .625rem;text-decoration:none;color:#6b7280;border-radius:.5rem;transition:all .2s ease;cursor:pointer;min-width:70px;border:none;background:none;font-family:inherit}.nav-item:hover{background-color:#f3f4f6;color:#000}.nav-item.active{background-color:#e5e7eb;color:#000}.nav-item.active .nav-icon{color:#000}.nav-icon{display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;color:inherit}.nav-name{font-size:.875rem;font-weight:500;white-space:nowrap}.dropdown-trigger{position:relative;cursor:pointer}.nav-name-with-arrow{display:flex;align-items:center;gap:.25rem;justify-content:center}.dropdown-icon{transition:transform .2s ease;margin-top:1px}.nav-item-wrapper:hover .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:0;margin-top:0;background-color:transparent;z-index:99999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.dropdown-menu-inner{background-color:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 .5rem .5rem;box-shadow:0 4px 12px #00000026;min-width:220px;overflow:hidden}.nav-item-wrapper:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#4b5563;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.dropdown-item:last-child{border-bottom:none}.dropdown-item-icon{display:flex;align-items:center;justify-content:center;color:inherit}.dropdown-item:hover{background-color:#f3f4f6;color:#000}.dropdown-item.active{background-color:#e5e7eb;color:#000;font-weight:600}.header-user{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;flex-shrink:0;align-self:stretch;padding-bottom:2px;margin-bottom:-2px}.module-switch-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;background-color:#3b82f6;color:#fff;text-decoration:none;transition:all .2s ease;cursor:pointer;flex-shrink:0}.module-switch-btn:hover{background-color:#2563eb;color:#fff}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.5rem;text-decoration:none;transition:all .2s ease;cursor:pointer}.user-profile:hover{background-color:#f3f4f6}.user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#1f2937;color:#fff;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:.125rem}.user-name{font-size:.875rem;font-weight:600;color:#1f2937;line-height:1.2;white-space:nowrap}.user-role{font-size:.75rem;font-weight:500;color:#6b7280;line-height:1.2;white-space:nowrap}@media(max-width:1400px){.header-nav-wrapper{flex:1;min-width:0}.nav-item{padding:.25rem .5rem;min-width:55px}.nav-name{font-size:.7rem}.nav-icon svg{width:18px;height:18px}}@media(max-width:1200px){.header-container{padding:.5rem .75rem;gap:.25rem}.header-logo{min-width:80px}.header-user{min-width:120px}.nav-item{padding:.2rem .4rem;min-width:50px}.nav-name{font-size:.65rem}.nav-icon svg{width:16px;height:16px}.module-switch-btn,.user-avatar{width:32px;height:32px}.user-info{display:none}}@media(max-width:1024px){.header-container{padding:.5rem}.nav-item{padding:.2rem .35rem;min-width:45px}.nav-name{font-size:.6rem}.nav-icon svg{width:14px;height:14px}.header-logo .logo-img{height:16px}}@media(max-width:900px){.nav-item{padding:.15rem .3rem;min-width:40px}.nav-name{font-size:.55rem}.module-switch-btn{display:none}}.quick-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.quick-modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:420px;overflow:hidden}.quick-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:2px solid #e5e7eb;background-color:#f9fafb}.quick-modal-title{display:flex;align-items:center;gap:.5rem}.quick-modal-title h3{margin:0;font-size:1.125rem;font-weight:700;color:#1f2937}.quick-modal-title svg{color:#4b5563}.quick-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .2s ease}.quick-modal-close:hover{background-color:#e5e7eb;color:#1f2937}.quick-modal-body{padding:1.25rem}.quick-form-group{margin-bottom:1rem}.quick-form-group:last-child{margin-bottom:0}.quick-form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.375rem}.quick-form-select,.quick-form-input,.quick-form-textarea{width:100%;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#1f2937;background-color:#fff;transition:all .2s ease;outline:none}.quick-form-select:focus,.quick-form-input:focus,.quick-form-textarea:focus{border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.quick-form-textarea{resize:vertical;font-family:inherit}.quick-modal-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:2px solid #e5e7eb;background-color:#f9fafb;justify-content:flex-end}.quick-btn{padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.quick-btn.cancel{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.quick-btn.cancel:hover{background-color:#e5e7eb;color:#1f2937}.quick-btn.confirm{color:#fff}.quick-btn.confirm.income{background-color:#059669}.quick-btn.confirm.income:hover:not(:disabled){background-color:#047857}.quick-btn.confirm.expense{background-color:#dc2626}.quick-btn.confirm.expense:hover:not(:disabled){background-color:#b91c1c}.quick-btn.confirm.tip{background-color:#f59e0b}.quick-btn.confirm.tip:hover:not(:disabled){background-color:#d97706}.quick-btn.confirm:disabled{opacity:.5;cursor:not-allowed}.dropdown-item.dropdown-button{width:100%;text-align:left;background:none;border:none;cursor:pointer}button.dropdown-item{width:100%;text-align:left;background:none;cursor:pointer}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:99999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease .15s,visibility .15s ease .15s;margin-top:0;padding-top:0}.mega-menu-inner{background-color:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 .5rem .5rem;box-shadow:0 10px 25px #00000026;min-width:580px;max-width:720px;display:grid;grid-template-columns:repeat(3,1fr);padding:1rem 1.5rem;gap:1.5rem}.nav-item-wrapper:hover .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.mega-menu-section{display:flex;flex-direction:column}.mega-menu-title{font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;padding:0 .5rem .5rem;border-bottom:1px solid #e5e7eb}.mega-menu-items{display:flex;flex-direction:column;gap:.25rem}.mega-menu-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;color:#4b5563;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:.375rem;transition:all .2s ease}.mega-menu-item:hover{background-color:#f3f4f6;color:#000}.mega-menu-item.active{background-color:#e5e7eb;color:#000;font-weight:600}.mega-menu-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#f3f4f6;border-radius:.375rem;color:#6b7280;transition:all .2s ease}.mega-menu-item:hover .mega-menu-item-icon{background-color:#e5e7eb;color:#000}.mega-menu-item.active .mega-menu-item-icon{background-color:#1f2937;color:#fff}.mega-menu-item-name{white-space:nowrap}.header-user{position:relative}.user-profile{cursor:pointer}.user-dropdown-icon{color:#9ca3af;transition:transform .2s ease;margin-left:.25rem}.user-dropdown-icon.open{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:0;padding-top:0;background-color:transparent;z-index:999999;opacity:0;visibility:hidden;transition:opacity .2s ease .15s,visibility .2s ease .15s;pointer-events:none}.user-dropdown-menu-inner{background-color:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 .5rem .5rem;box-shadow:0 10px 25px #00000026;min-width:220px;overflow:hidden;padding:.5rem 0}.header-user:hover .user-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.user-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;color:#374151;text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;background:none;width:100%;text-align:left}.user-dropdown-item:hover{background-color:#f3f4f6}.user-dropdown-item.logout{color:#dc2626}.user-dropdown-item.logout:hover{background-color:#fef2f2}.user-dropdown-divider{height:1px;background-color:#e5e7eb;margin:.5rem 0}.user-dropdown-section{padding:.5rem 1rem}.user-dropdown-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.language-options{display:flex;flex-direction:column;gap:.25rem}.language-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:all .15s ease}.language-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.language-btn.active{background-color:#1a1a1a;border-color:#1a1a1a;color:#fff}.language-btn.active:hover{background-color:#333}.cascading-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:0;padding-top:0;background-color:transparent;z-index:99999;opacity:0;visibility:hidden;transition:opacity .2s ease .15s,visibility .2s ease .15s;pointer-events:none}.cascading-dropdown-inner{background-color:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 .5rem .5rem;box-shadow:0 4px 12px #00000026;min-width:220px;padding:8px 0}.nav-item-wrapper:hover .cascading-dropdown{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.cascading-dropdown-item{position:relative}.cascading-dropdown-trigger{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background-color .15s ease;color:#374151;font-size:.875rem}.cascading-dropdown-trigger:hover{background-color:#f3f4f6}.cascading-dropdown-icon{display:flex;align-items:center;color:#6b7280}.cascading-dropdown-name{flex:1;font-weight:500}.cascading-arrow{color:#9ca3af;margin-left:auto}.cascading-submenu{position:absolute;top:0;left:100%;margin-left:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:0;box-shadow:0 10px 25px #00000026;min-width:180px;max-height:calc(100vh - 100px);overflow-y:auto;padding:8px 0;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:100000;pointer-events:none}.cascading-dropdown-item:hover .cascading-submenu{opacity:1;visibility:visible;pointer-events:auto}.cascading-submenu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;color:#374151;font-size:.813rem;transition:background-color .15s ease}.cascading-submenu-item:hover{background-color:#f3f4f6}.cascading-submenu-item.active{background-color:#e5e7eb;color:#000}.cascading-submenu-icon{display:flex;align-items:center;color:#6b7280}.cascading-submenu-name{font-weight:500}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:none;cursor:pointer;color:#1f2937;border-radius:.5rem;transition:background-color .2s ease}.mobile-menu-btn:hover{background-color:#f3f4f6}.mobile-nav-overlay{display:none;position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998}.mobile-nav-overlay.active{display:block}.mobile-nav{display:none;position:fixed;top:0;left:-300px;width:300px;height:100vh;background-color:#fff;box-shadow:4px 0 20px #00000026;z-index:9999;transition:left .3s ease;overflow-y:auto}.mobile-nav.active{display:block;left:0}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.mobile-nav-header .mobile-profile-info{display:flex;align-items:center;gap:.625rem;text-decoration:none;flex:1}.mobile-nav-header .mobile-profile-avatar{width:40px;height:40px}.mobile-nav-header .mobile-profile-name{font-size:.9375rem}.mobile-nav-header .mobile-profile-role{font-size:.75rem}.mobile-nav-header-actions{display:flex;align-items:center;gap:.5rem}.mobile-nav-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;cursor:pointer;color:#6b7280;border-radius:8px;transition:background-color .2s ease}.mobile-nav-close:hover{background-color:#e5e7eb}.mobile-nav-content{padding:0}.mobile-nav-item{display:flex;align-items:center;gap:12px;padding:14px 20px;color:#374151;text-decoration:none;font-size:.938rem;font-weight:500;transition:background-color .15s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left}.mobile-nav-item:hover{background-color:#f3f4f6}.mobile-nav-item.active{background-color:#e5e7eb;color:#000}.mobile-nav-item-icon{display:flex;align-items:center;color:#6b7280}.mobile-nav-item.active .mobile-nav-item-icon{color:#000}.mobile-nav-divider{height:1px;background-color:#e5e7eb;margin:0}.mobile-profile-section{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background-color:#f9fafb}.mobile-profile-info{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex:1}.mobile-profile-info:hover .mobile-profile-name{color:#111827}.mobile-profile-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#1f2937;color:#fff;flex-shrink:0}.mobile-profile-details{display:flex;flex-direction:column;gap:.125rem}.mobile-profile-name{font-size:1rem;font-weight:600;color:#1f2937;transition:color .2s ease}.mobile-profile-role{font-size:.8125rem;color:#6b7280}.mobile-profile-logout-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:#fee2e2;color:#dc2626;border-radius:.5rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-profile-logout-icon:hover{background-color:#fecaca}.mobile-profile-actions{display:flex;gap:.5rem}.mobile-profile-link,.mobile-profile-logout{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.mobile-profile-link{background-color:#1f2937;color:#fff;border:none}.mobile-profile-link:hover{background-color:#111827}.mobile-profile-logout{background-color:#fff;color:#dc2626;border:1px solid #e5e7eb}.mobile-profile-logout:hover{background-color:#fef2f2;border-color:#fecaca}.mobile-submenu{background-color:#f9fafb;max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-submenu.open{max-height:1000px}.mobile-submenu-item{display:flex;align-items:center;gap:12px;padding:12px 20px 12px 52px;color:#4b5563;text-decoration:none;font-size:.875rem;font-weight:500;transition:background-color .15s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left}.mobile-submenu-item:hover{background-color:#e5e7eb}.mobile-submenu-item.active{background-color:#e5e7eb;color:#000}.mobile-nav-arrow{margin-left:auto;transition:transform .2s ease;color:#9ca3af}.mobile-nav-arrow.open{transform:rotate(180deg)}@media(max-width:1280px){.header-container{padding:.5rem .75rem;gap:.5rem}.header-nav{gap:.125rem}.nav-item{padding:.25rem .375rem;min-width:50px;flex-shrink:0}.nav-name{font-size:.7rem}.nav-icon svg{width:18px;height:18px}}@media(max-width:1024px){.header-container{padding:.5rem .75rem;gap:.5rem}.header-nav{gap:.125rem}.nav-item{padding:.25rem .375rem;min-width:45px;flex-shrink:0}.nav-icon svg{width:16px;height:16px}.nav-name{font-size:.65rem}.user-info,.dropdown-icon{display:none}}@media(max-width:900px){.header-container{display:flex;justify-content:space-between;padding:.75rem 1rem}.header-nav{display:none}.mobile-menu-btn{display:flex}.mobile-nav{display:block}.header-logo{flex:1}.header-user{flex:0}}@media(max-width:640px){.header-container{padding:.5rem .75rem}.header-logo .logo-img{height:18px}.user-avatar{width:32px;height:32px}.user-avatar svg{width:16px;height:16px}.module-switch-btn{width:36px;height:36px}.mobile-nav{width:280px;left:-280px}.mobile-nav.active{left:0}.user-dropdown-menu{right:-10px;min-width:200px}}@media(max-width:480px){.header-container{padding:.5rem}.mobile-nav{width:100%;left:-100%}.mobile-nav.active{left:0}.user-dropdown-menu{position:fixed;top:60px;right:10px;left:10px;width:auto}}@media(max-width:768px){.cascading-dropdown,.dropdown-menu{display:none}}.logout-modal-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem}.logout-modal{background-color:#fff;width:100%;max-width:360px;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .2s ease}.logout-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.logout-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.logout-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:.5rem;cursor:pointer;color:#6b7280;transition:all .2s ease}.logout-modal-close:hover{background:#e5e7eb;color:#1f2937}.logout-modal-body{padding:1.5rem}.logout-modal-body p{margin:0;font-size:.9375rem;color:#4b5563;text-align:center}.logout-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.logout-btn{flex:1;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.logout-btn.cancel{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.logout-btn.cancel:hover{background-color:#e5e7eb;color:#1f2937}.logout-btn.confirm{background-color:#dc2626;color:#fff}.logout-btn.confirm:hover{background-color:#b91c1c}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lod-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.lod-modal{background-color:#fff;border-radius:12px;width:600px;max-width:95%;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.lod-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:12px}.lod-header-left{display:flex;align-items:center;gap:12px}.lod-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.lod-header-actions{display:flex;align-items:center;gap:12px}.lod-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.lod-add-btn:hover{background-color:#111827}.lod-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.lod-close-btn:hover{color:#1f2937}.lod-content{padding:24px;flex:1;overflow-y:auto}.lod-table{width:100%;border-collapse:collapse;font-size:.875rem}.lod-table thead tr{background-color:#f9fafb}.lod-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.lod-table th.actions{text-align:center;width:100px}.lod-table tbody tr{border-bottom:1px solid #e5e7eb}.lod-table tbody tr:hover{background-color:#f9fafb}.lod-table td{padding:12px 16px;color:#374151}.lod-table td.name{font-weight:500}.lod-table td.actions{text-align:center}.lod-table td.empty{padding:40px;text-align:center;color:#9ca3af}.lod-action-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background-color .15s}.lod-action-btn:hover{background-color:#f3f4f6}.lod-actions-cell{display:flex;justify-content:center;gap:8px}.lod-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.lod-sub-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200001;display:flex;align-items:center;justify-content:center;padding:1rem}.lod-form-modal{background-color:#fff;border-radius:12px;width:400px;max-width:95%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.lod-form-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.lod-form-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.lod-form-modal-body{padding:24px}.lod-form-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.lod-form-field{display:flex;flex-direction:column}.lod-form-field label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.lod-form-field input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box}.lod-form-field input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.lod-delete-modal{background-color:#fff;border-radius:12px;width:400px;max-width:95%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.lod-delete-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;background-color:#fef2f2}.lod-delete-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#991b1b}.lod-delete-modal-body{padding:24px;text-align:center}.lod-delete-modal-body p{margin:0;color:#4b5563}.lod-delete-modal-body p.highlight{margin-top:8px;font-weight:600;color:#1f2937}.lod-delete-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.lod-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:90px}.lod-btn-primary{background-color:#1f2937;color:#fff}.lod-btn-primary:hover{background-color:#111827}.lod-btn-secondary{background-color:#6b7280;color:#fff}.lod-btn-secondary:hover{background-color:#4b5563}.lod-btn-danger{background-color:#dc2626;color:#fff}.lod-btn-danger:hover{background-color:#b91c1c}@media(max-width:1400px){.lod-header{padding:16px 20px}.lod-header h3{font-size:1rem}.lod-content{padding:20px}.lod-footer{padding:14px 20px}}@media(max-width:1199px){.lod-header{padding:14px 18px}.lod-header h3{font-size:.95rem}.lod-header-left svg{width:20px;height:20px}.lod-add-btn{padding:7px 14px;font-size:.75rem}.lod-add-btn svg{width:14px;height:14px}.lod-content{padding:18px}.lod-table{font-size:.813rem}.lod-table th,.lod-table td{padding:10px 14px}.lod-footer{padding:12px 18px}.lod-btn{padding:9px 18px;font-size:.813rem}.lod-form-modal-header{padding:16px 20px}.lod-form-modal-header h3{font-size:1rem}.lod-form-modal-body{padding:20px}.lod-form-modal-footer{padding:14px 20px}}@media(max-width:1023px){.lod-overlay{padding:.5rem}.lod-modal{max-height:90vh;border-radius:10px}.lod-header{padding:12px 16px}.lod-header h3{font-size:.875rem}.lod-header-left{gap:8px}.lod-header-left svg{width:18px;height:18px}.lod-header-actions{gap:8px}.lod-add-btn{padding:6px 12px;font-size:.7rem}.lod-close-btn{font-size:20px}.lod-content{padding:14px}.lod-table{font-size:.75rem}.lod-table th,.lod-table td{padding:10px 12px}.lod-action-btn{padding:4px}.lod-action-btn svg{width:14px;height:14px}.lod-footer{padding:10px 16px;gap:8px}.lod-sub-overlay{padding:.5rem}.lod-form-modal{border-radius:10px}.lod-form-modal-header{padding:14px 16px}.lod-form-modal-header h3{font-size:.95rem}.lod-form-modal-body{padding:16px}.lod-form-field label{font-size:.75rem}.lod-form-field input{padding:9px 10px;font-size:.813rem}.lod-form-modal-footer{padding:12px 16px;gap:8px}.lod-delete-modal{border-radius:10px}.lod-delete-modal-header{padding:14px 16px}.lod-delete-modal-header h3{font-size:.95rem}.lod-delete-modal-body{padding:18px 16px}.lod-delete-modal-body p{font-size:.875rem}.lod-delete-modal-footer{padding:12px 16px;gap:8px}.lod-btn{padding:8px 16px;font-size:.75rem;min-width:80px}}@media(max-width:767px){.lod-overlay{padding:0}.lod-modal{max-width:100%;max-height:100vh;border-radius:0}.lod-header{padding:12px 14px;flex-wrap:wrap;gap:10px}.lod-header h3{font-size:.813rem}.lod-header-left{gap:6px}.lod-header-left svg{width:16px;height:16px}.lod-header-actions{gap:6px}.lod-add-btn{padding:6px 10px;font-size:.65rem}.lod-add-btn svg{width:12px;height:12px}.lod-close-btn{font-size:18px}.lod-content{padding:12px}.lod-table{font-size:.7rem}.lod-table th,.lod-table td{padding:10px}.lod-table th.actions{width:80px}.lod-action-btn svg{width:13px;height:13px}.lod-footer{padding:10px 14px;gap:6px}.lod-sub-overlay{padding:.5rem}.lod-form-modal{width:95%;border-radius:10px}.lod-form-modal-header{padding:12px 14px}.lod-form-modal-header h3{font-size:.875rem}.lod-form-modal-body{padding:14px}.lod-form-field label{font-size:.7rem}.lod-form-field input{padding:10px 12px;font-size:.813rem}.lod-form-modal-footer{padding:12px 14px;gap:6px}.lod-delete-modal{width:95%;border-radius:10px}.lod-delete-modal-header{padding:12px 14px}.lod-delete-modal-header h3{font-size:.875rem}.lod-delete-modal-body{padding:16px 14px}.lod-delete-modal-body p{font-size:.813rem}.lod-delete-modal-footer{padding:12px 14px;gap:6px}.lod-btn{padding:8px 14px;font-size:.75rem;min-width:75px}}@media(max-width:480px){.lod-header{padding:10px 12px}.lod-header h3{font-size:.75rem}.lod-header-left svg{width:14px;height:14px}.lod-add-btn{padding:5px 8px;font-size:.6rem}.lod-add-btn svg{width:10px;height:10px}.lod-close-btn{font-size:16px}.lod-content{padding:10px}.lod-table{font-size:.65rem}.lod-table th,.lod-table td{padding:8px}.lod-table th.actions{width:70px}.lod-action-btn{padding:3px}.lod-action-btn svg{width:12px;height:12px}.lod-footer{padding:8px 12px}.lod-form-modal-header{padding:10px 12px}.lod-form-modal-header h3{font-size:.813rem}.lod-form-modal-body{padding:12px}.lod-form-field label{font-size:.65rem}.lod-form-field input{padding:8px 10px;font-size:.75rem}.lod-form-modal-footer,.lod-delete-modal-header{padding:10px 12px}.lod-delete-modal-header h3{font-size:.813rem}.lod-delete-modal-body{padding:14px 12px}.lod-delete-modal-body p{font-size:.75rem}.lod-delete-modal-footer{padding:10px 12px}.lod-btn{padding:7px 12px;font-size:.7rem;min-width:70px}}.rooms-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.rooms-modal{background-color:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.rooms-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.rooms-modal-header-left{display:flex;align-items:center;gap:12px}.rooms-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.rooms-modal-header-actions{display:flex;align-items:center;gap:12px}.rooms-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;white-space:nowrap}.rooms-add-btn:hover{background-color:#111827}.rooms-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.rooms-close-btn:hover{color:#1f2937}.rooms-modal-content{padding:16px 24px;flex:1;overflow-x:auto;overflow-y:auto}.rooms-table{width:100%;border-collapse:collapse;font-size:.75rem;min-width:1800px}.rooms-table thead{background-color:#f9fafb}.rooms-table th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.rooms-table th.center{text-align:center}.rooms-table th.actions{width:100px;text-align:center}.rooms-table td{padding:10px 8px;color:#374151;border-bottom:1px solid #e5e7eb}.rooms-table td.center{text-align:center}.rooms-table td.truncate{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rooms-table td.bold{font-weight:500}.room-status-tag{padding:2px 8px;border-radius:9999px;font-size:.7rem;font-weight:500;white-space:nowrap}.room-status-tag.clean{background-color:#dcfce7;color:#166534}.room-status-tag.dirty{background-color:#fee2e2;color:#991b1b}.room-status-tag.maintenance{background-color:#fef3c7;color:#92400e}.rooms-action-buttons{display:flex;justify-content:center;gap:4px}.rooms-action-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.rooms-action-btn:hover{opacity:.7}.rooms-empty{padding:40px;text-align:center;color:#9ca3af}.rooms-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.rooms-sub-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200001;display:flex;align-items:center;justify-content:center;padding:1rem}.rooms-form-modal{background-color:#fff;border-radius:12px;width:95%;max-width:800px;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.rooms-form-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.rooms-form-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.rooms-form-modal-body{padding:20px 24px;flex:1;overflow-y:auto}.rooms-form-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.room-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.room-form-grid .full-width{grid-column:span 3}.room-form-group{display:flex;flex-direction:column}.room-form-group label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.room-form-group input,.room-form-group textarea{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;box-sizing:border-box}.room-form-group textarea{resize:none}.room-form-group input:focus,.room-form-group textarea:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.room-checkbox-group{display:flex;align-items:center;gap:16px;margin-top:8px}.room-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.813rem;color:#374151;cursor:pointer}.rooms-confirm-modal{background-color:#fff;border-radius:12px;width:95%;max-width:400px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.rooms-confirm-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.rooms-confirm-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.rooms-confirm-modal-header.danger{background-color:#fef2f2}.rooms-confirm-modal-header.danger h3{color:#991b1b}.rooms-confirm-modal-body{padding:20px 24px}.rooms-confirm-modal-body p{margin:0;color:#4b5563;font-size:.875rem}.rooms-confirm-modal-body p.highlight{font-weight:600;color:#1f2937;margin-top:8px}.rooms-confirm-modal-body.center{text-align:center}.rooms-confirm-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.rooms-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:90px}.rooms-btn-primary{background-color:#1f2937;color:#fff}.rooms-btn-primary:hover{background-color:#111827}.rooms-btn-secondary{background-color:#6b7280;color:#fff}.rooms-btn-secondary:hover{background-color:#4b5563}.rooms-btn-danger{background-color:#dc2626;color:#fff}.rooms-btn-danger:hover{background-color:#b91c1c}.room-search-select{position:relative}.room-search-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;cursor:pointer;background-color:#fff}.room-search-select-trigger span{color:#374151}.room-search-select-trigger span.placeholder{color:#9ca3af}.room-search-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:4px;z-index:9999;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow:hidden}.room-search-select-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid #e5e7eb;font-size:.813rem;box-sizing:border-box;outline:none}.room-search-select-options{max-height:150px;overflow-y:auto}.room-search-select-option{padding:8px 10px;cursor:pointer;font-size:.813rem;transition:background-color .15s}.room-search-select-option:hover,.room-search-select-option.selected{background-color:#f3f4f6}.room-multi-select-tags{display:flex;flex-wrap:wrap;gap:4px;flex:1}.room-multi-select-tag{background-color:#e5e7eb;padding:2px 8px;border-radius:4px;font-size:.75rem;display:flex;align-items:center;gap:4px}.room-multi-select-tag svg{cursor:pointer}.rooms-copy-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box;margin-top:6px}.rooms-copy-input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.rooms-copy-label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-top:16px}@media(max-width:1400px){.rooms-modal{max-width:95%}.rooms-modal-header{padding:14px 20px}.rooms-modal-header h3{font-size:1rem}.rooms-add-btn{padding:7px 14px;font-size:.75rem}.rooms-modal-content{padding:14px 20px}.rooms-table{font-size:.7rem;min-width:1600px}.rooms-table th,.rooms-table td{padding:8px 6px}.rooms-modal-footer{padding:10px 20px}.rooms-form-modal{max-width:750px}}@media(max-width:1199px){.rooms-modal-header{padding:12px 16px}.rooms-modal-header h3{font-size:.95rem}.rooms-add-btn{padding:6px 12px;font-size:.7rem}.rooms-modal-content{padding:12px 16px}.rooms-table{font-size:.65rem;min-width:1400px}.rooms-table th,.rooms-table td{padding:7px 5px}.room-status-tag{font-size:.625rem;padding:2px 6px}.rooms-modal-footer{padding:10px 16px}.rooms-btn{padding:7px 14px;font-size:.75rem}.rooms-form-modal{max-width:95%}.rooms-form-modal-header{padding:12px 16px}.rooms-form-modal-header h3{font-size:.95rem}.rooms-form-modal-body{padding:16px}.rooms-form-modal-footer{padding:10px 16px}.room-form-grid{grid-template-columns:repeat(2,1fr);gap:10px}.room-form-grid .full-width{grid-column:span 2}.room-form-group label{font-size:.7rem}.room-form-group input,.room-form-group textarea{padding:7px 9px;font-size:.75rem}.rooms-confirm-modal{max-width:380px}}@media(max-width:1023px){.rooms-modal-overlay{padding:.5rem}.rooms-modal{max-height:95vh;border-radius:10px}.rooms-modal-header{padding:10px 14px;flex-wrap:wrap;gap:10px}.rooms-modal-header-left{gap:8px}.rooms-modal-header-left svg{width:20px;height:20px}.rooms-modal-header h3{font-size:.875rem}.rooms-add-btn{padding:6px 10px;font-size:.688rem}.rooms-add-btn svg{width:14px;height:14px}.rooms-close-btn{font-size:20px}.rooms-modal-content{padding:10px 14px}.rooms-table{font-size:.625rem;min-width:1200px}.rooms-table th,.rooms-table td{padding:6px 4px}.room-status-tag{font-size:.6rem;padding:1px 5px}.rooms-action-btn{padding:3px}.rooms-action-btn svg{width:12px;height:12px}.rooms-modal-footer{padding:8px 14px;gap:8px}.rooms-btn{padding:6px 12px;font-size:.7rem}.rooms-sub-modal-overlay{padding:.5rem}.rooms-form-modal{max-height:95vh;border-radius:10px}.rooms-form-modal-header{padding:10px 14px}.rooms-form-modal-header h3{font-size:.875rem}.rooms-form-modal-body{padding:14px}.rooms-form-modal-footer{padding:8px 14px;gap:8px}.room-form-grid{grid-template-columns:1fr 1fr;gap:8px}.room-form-grid .full-width{grid-column:span 2}.room-form-group label{font-size:.65rem;margin-bottom:3px}.room-form-group input,.room-form-group textarea{padding:6px 8px;font-size:.7rem}.room-checkbox-group{gap:12px;margin-top:6px}.room-checkbox-label{font-size:.7rem;gap:6px}.room-search-select-trigger,.room-search-select-search,.room-search-select-option{padding:6px 8px;font-size:.7rem}.room-multi-select-tag{font-size:.65rem;padding:1px 6px}.rooms-confirm-modal{max-width:95%;border-radius:10px}.rooms-confirm-modal-header{padding:10px 14px}.rooms-confirm-modal-header h3{font-size:.875rem}.rooms-confirm-modal-body{padding:14px}.rooms-confirm-modal-body p{font-size:.813rem}.rooms-confirm-modal-footer{padding:8px 14px;gap:8px}.rooms-copy-label{font-size:.75rem}.rooms-copy-input{padding:8px 10px;font-size:.813rem}}@media(max-width:767px){.rooms-modal-overlay{padding:0}.rooms-modal{max-width:100%;max-height:100vh;border-radius:0}.rooms-modal-header{padding:10px 12px}.rooms-modal-header-left{gap:6px}.rooms-modal-header-left svg{width:18px;height:18px}.rooms-modal-header h3{font-size:.813rem}.rooms-modal-header-actions{gap:8px}.rooms-add-btn{padding:5px 8px;font-size:.65rem;gap:4px}.rooms-add-btn svg{width:12px;height:12px}.rooms-close-btn{font-size:18px}.rooms-modal-content{padding:8px 12px}.rooms-table{font-size:.6rem;min-width:1000px}.rooms-table th,.rooms-table td{padding:5px 3px}.room-status-tag{font-size:.55rem;padding:1px 4px}.rooms-action-btn{padding:2px}.rooms-action-btn svg{width:11px;height:11px}.rooms-empty{padding:24px;font-size:.75rem}.rooms-modal-footer{padding:8px 12px;gap:6px}.rooms-btn{padding:5px 10px;font-size:.65rem}.rooms-sub-modal-overlay{padding:0}.rooms-form-modal{max-width:100%;max-height:100vh;border-radius:0}.rooms-form-modal-header{padding:10px 12px}.rooms-form-modal-header h3{font-size:.813rem}.rooms-form-modal-body{padding:12px}.rooms-form-modal-footer{padding:8px 12px;gap:6px}.room-form-grid{grid-template-columns:1fr;gap:8px}.room-form-grid .full-width{grid-column:span 1}.room-form-group label{font-size:.625rem}.room-form-group input,.room-form-group textarea{padding:6px 8px;font-size:.688rem}.room-checkbox-group{flex-direction:column;align-items:flex-start;gap:8px}.room-checkbox-label{font-size:.688rem}.room-search-select-trigger{padding:6px 8px;font-size:.688rem;min-height:32px}.room-search-select-dropdown{max-height:180px}.room-search-select-search{padding:6px 8px;font-size:.688rem}.room-search-select-options{max-height:130px}.room-search-select-option{padding:6px 8px;font-size:.688rem}.room-multi-select-tag{font-size:.6rem;padding:1px 5px}.rooms-confirm-modal{max-width:95%;border-radius:8px}.rooms-confirm-modal-header{padding:10px 12px}.rooms-confirm-modal-header h3{font-size:.813rem}.rooms-confirm-modal-body{padding:12px}.rooms-confirm-modal-body p{font-size:.75rem}.rooms-confirm-modal-footer{padding:8px 12px;gap:6px}.rooms-copy-label{font-size:.7rem;margin-top:12px}.rooms-copy-input{padding:8px;font-size:.75rem}}@media(max-width:480px){.rooms-modal-header{padding:8px 10px}.rooms-modal-header-left svg{width:16px;height:16px}.rooms-modal-header h3{font-size:.75rem}.rooms-add-btn{padding:4px 6px;font-size:.6rem}.rooms-add-btn svg{width:10px;height:10px}.rooms-close-btn{font-size:16px}.rooms-modal-content{padding:6px 10px}.rooms-table{font-size:.55rem;min-width:900px}.rooms-table th,.rooms-table td{padding:4px 2px}.room-status-tag{font-size:.5rem;padding:1px 3px}.rooms-action-btn svg{width:10px;height:10px}.rooms-modal-footer{padding:6px 10px}.rooms-btn{padding:4px 8px;font-size:.6rem}.rooms-form-modal-header{padding:8px 10px}.rooms-form-modal-header h3{font-size:.75rem}.rooms-form-modal-body{padding:10px}.rooms-form-modal-footer{padding:6px 10px}.room-form-grid{gap:6px}.room-form-group label{font-size:.6rem}.room-form-group input,.room-form-group textarea{padding:5px 6px;font-size:.65rem}.room-checkbox-label{font-size:.65rem}.room-search-select-trigger,.room-search-select-search,.room-search-select-option{padding:5px 6px;font-size:.65rem}.room-multi-select-tag{font-size:.55rem}.rooms-confirm-modal-header{padding:8px 10px}.rooms-confirm-modal-header h3{font-size:.75rem}.rooms-confirm-modal-body{padding:10px}.rooms-confirm-modal-body p{font-size:.7rem}.rooms-confirm-modal-footer{padding:6px 10px}.rooms-copy-label{font-size:.65rem}.rooms-copy-input{padding:6px;font-size:.7rem}}.rtd-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.rtd-modal{background-color:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.rtd-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:12px}.rtd-header-left{display:flex;align-items:center;gap:12px}.rtd-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.rtd-header-actions{display:flex;align-items:center;gap:12px}.rtd-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.rtd-add-btn:hover{background-color:#111827}.rtd-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.rtd-close-btn:hover{color:#1f2937}.rtd-content{padding:16px 24px;flex:1;overflow-x:auto;overflow-y:auto}.rtd-table{width:100%;border-collapse:collapse;font-size:.7rem;min-width:1200px}.rtd-table thead tr{background-color:#f9fafb}.rtd-table th{padding:8px 6px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.rtd-table th.center{text-align:center}.rtd-table th.actions{text-align:center;width:80px}.rtd-table tbody tr{border-bottom:1px solid #e5e7eb}.rtd-table tbody tr:hover{background-color:#f9fafb}.rtd-table td{padding:8px 6px;color:#374151}.rtd-table td.name{font-weight:500}.rtd-table td.center,.rtd-table td.actions{text-align:center}.rtd-table td.empty{padding:40px;text-align:center;color:#9ca3af}.rtd-name-cell{display:flex;align-items:center;gap:6px}.rtd-color-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.rtd-action-btn{background:none;border:none;cursor:pointer;padding:4px;transition:opacity .2s}.rtd-action-btn:hover{opacity:.7}.rtd-actions-cell{display:flex;justify-content:center;gap:4px}.rtd-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.rtd-sub-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200001;display:flex;align-items:center;justify-content:center;padding:1rem}.rtd-form-modal{background-color:#fff;border-radius:12px;width:900px;max-width:95%;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.rtd-form-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.rtd-form-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.rtd-form-modal-body{padding:16px 24px;flex:1;overflow-y:auto}.rtd-form-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.rtd-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rtd-form-grid .full-width{grid-column:span 4}.rtd-form-field{display:flex;flex-direction:column}.rtd-form-field label{display:block;font-size:.7rem;font-weight:500;color:#374151;margin-bottom:3px}.rtd-form-field input,.rtd-form-field textarea{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;box-sizing:border-box}.rtd-form-field input:focus,.rtd-form-field textarea:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.rtd-form-field textarea{resize:none}.rtd-search-select{position:relative}.rtd-search-select label{display:block;font-size:.7rem;font-weight:500;color:#374151;margin-bottom:3px}.rtd-search-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;cursor:pointer;background-color:#fff}.rtd-search-select-trigger span{color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rtd-search-select-trigger span.placeholder{color:#9ca3af}.rtd-search-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;margin-top:2px;z-index:9999;box-shadow:0 4px 6px #0000001a;max-height:150px;overflow:hidden}.rtd-search-select-search{width:100%;padding:6px 8px;border:none;border-bottom:1px solid #e5e7eb;font-size:.75rem;box-sizing:border-box;outline:none}.rtd-search-select-options{max-height:110px;overflow-y:auto}.rtd-search-select-option{padding:6px 8px;cursor:pointer;font-size:.75rem;transition:background-color .15s}.rtd-search-select-option:hover,.rtd-search-select-option.selected{background-color:#f3f4f6}.rtd-color-picker{display:flex;gap:4px;flex-wrap:wrap}.rtd-color-option{width:20px;height:20px;border-radius:4px;cursor:pointer;border:1px solid #d1d5db;transition:transform .15s}.rtd-color-option:hover{transform:scale(1.1)}.rtd-color-option.selected{border:2px solid #1f2937}.rtd-delete-modal{background-color:#fff;border-radius:12px;width:400px;max-width:95%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.rtd-delete-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;background-color:#fef2f2}.rtd-delete-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#991b1b}.rtd-delete-modal-body{padding:20px 24px;text-align:center}.rtd-delete-modal-body p{margin:0;color:#4b5563}.rtd-delete-modal-body p.highlight{margin-top:8px;font-weight:600;color:#1f2937}.rtd-delete-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.rtd-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:90px}.rtd-btn-primary{background-color:#1f2937;color:#fff}.rtd-btn-primary:hover{background-color:#111827}.rtd-btn-secondary{background-color:#6b7280;color:#fff}.rtd-btn-secondary:hover{background-color:#4b5563}.rtd-btn-danger{background-color:#dc2626;color:#fff}.rtd-btn-danger:hover{background-color:#b91c1c}@media(max-width:1400px){.rtd-modal{max-width:95%}.rtd-header{padding:14px 20px}.rtd-header h3{font-size:1rem}.rtd-content{padding:14px 20px}.rtd-table{min-width:1000px}.rtd-footer{padding:10px 20px}.rtd-form-modal{width:850px}}@media(max-width:1199px){.rtd-header{padding:12px 16px}.rtd-header h3{font-size:.95rem}.rtd-header-left svg{width:20px;height:20px}.rtd-add-btn{padding:7px 14px;font-size:.75rem}.rtd-add-btn svg{width:14px;height:14px}.rtd-content{padding:12px 16px}.rtd-table{font-size:.65rem;min-width:900px}.rtd-table th,.rtd-table td{padding:6px 4px}.rtd-footer{padding:10px 16px}.rtd-btn{padding:8px 16px;font-size:.813rem}.rtd-form-modal{width:800px}.rtd-form-modal-header{padding:12px 20px}.rtd-form-modal-header h3{font-size:.95rem}.rtd-form-modal-body{padding:14px 20px}.rtd-form-modal-footer{padding:10px 20px}.rtd-form-grid{grid-template-columns:repeat(3,1fr);gap:8px}.rtd-form-grid .full-width{grid-column:span 3}}@media(max-width:1023px){.rtd-overlay{padding:.5rem}.rtd-modal{max-height:95vh;border-radius:10px}.rtd-header{padding:10px 14px;flex-wrap:wrap}.rtd-header h3{font-size:.875rem}.rtd-header-left{gap:8px}.rtd-header-left svg{width:18px;height:18px}.rtd-header-actions{gap:8px}.rtd-add-btn{padding:6px 12px;font-size:.7rem}.rtd-close-btn{font-size:20px}.rtd-content{padding:10px 14px}.rtd-table{font-size:.6rem;min-width:800px}.rtd-table th,.rtd-table td{padding:6px 4px}.rtd-action-btn{padding:3px}.rtd-action-btn svg{width:12px;height:12px}.rtd-footer{padding:8px 14px;gap:8px}.rtd-sub-overlay{padding:.5rem}.rtd-form-modal{width:95%;max-height:95vh;border-radius:10px}.rtd-form-modal-header{padding:10px 16px}.rtd-form-modal-header h3{font-size:.875rem}.rtd-form-modal-body{padding:12px 16px}.rtd-form-grid{grid-template-columns:repeat(2,1fr);gap:8px}.rtd-form-grid .full-width{grid-column:span 2}.rtd-form-field label{font-size:.65rem}.rtd-form-field input,.rtd-form-field textarea{padding:5px 7px;font-size:.7rem}.rtd-search-select label{font-size:.65rem}.rtd-search-select-trigger,.rtd-search-select-search,.rtd-search-select-option{padding:5px 7px;font-size:.7rem}.rtd-color-option{width:18px;height:18px}.rtd-form-modal-footer{padding:10px 16px;gap:8px}.rtd-delete-modal{width:95%;border-radius:10px}.rtd-delete-modal-header{padding:12px 16px}.rtd-delete-modal-header h3{font-size:.875rem}.rtd-delete-modal-body{padding:16px}.rtd-delete-modal-body p{font-size:.813rem}.rtd-delete-modal-footer{padding:10px 16px;gap:8px}.rtd-btn{padding:7px 14px;font-size:.75rem;min-width:80px}}@media(max-width:767px){.rtd-overlay{padding:0}.rtd-modal{max-width:100%;max-height:100vh;border-radius:0}.rtd-header{padding:10px 12px}.rtd-header h3{font-size:.813rem}.rtd-header-left{gap:6px}.rtd-header-left svg{width:16px;height:16px}.rtd-header-actions{gap:6px}.rtd-add-btn{padding:6px 10px;font-size:.65rem}.rtd-add-btn svg{width:12px;height:12px}.rtd-close-btn{font-size:18px}.rtd-content{padding:8px 12px}.rtd-table{font-size:.55rem;min-width:700px}.rtd-table th,.rtd-table td{padding:5px 3px}.rtd-footer{padding:8px 12px;gap:6px}.rtd-sub-overlay{padding:0}.rtd-form-modal{width:100%;max-height:100vh;border-radius:0}.rtd-form-modal-header{padding:10px 12px}.rtd-form-modal-header h3{font-size:.813rem}.rtd-form-modal-body{padding:10px 12px}.rtd-form-grid{grid-template-columns:repeat(2,1fr);gap:8px}.rtd-form-grid .full-width{grid-column:span 2}.rtd-form-field label{font-size:.6rem}.rtd-form-field input,.rtd-form-field textarea{padding:6px 8px;font-size:.7rem}.rtd-search-select label{font-size:.6rem}.rtd-search-select-trigger{padding:6px 8px;font-size:.7rem}.rtd-color-option{width:22px;height:22px}.rtd-form-modal-footer{padding:10px 12px;gap:6px}.rtd-delete-modal{width:90%;border-radius:10px}.rtd-delete-modal-header{padding:12px 14px}.rtd-delete-modal-header h3{font-size:.813rem}.rtd-delete-modal-body{padding:14px}.rtd-delete-modal-body p{font-size:.75rem}.rtd-delete-modal-footer{padding:10px 14px}.rtd-btn{padding:8px 14px;font-size:.75rem;min-width:75px}}@media(max-width:480px){.rtd-header{padding:8px 10px}.rtd-header h3{font-size:.75rem}.rtd-header-left svg{width:14px;height:14px}.rtd-add-btn{padding:5px 8px;font-size:.6rem}.rtd-add-btn svg{width:10px;height:10px}.rtd-close-btn{font-size:16px}.rtd-content{padding:6px 10px}.rtd-table{font-size:.5rem;min-width:600px}.rtd-table th,.rtd-table td{padding:4px 2px}.rtd-action-btn svg{width:10px;height:10px}.rtd-footer{padding:6px 10px}.rtd-form-modal-header{padding:8px 10px}.rtd-form-modal-header h3{font-size:.75rem}.rtd-form-modal-body{padding:8px 10px}.rtd-form-grid{grid-template-columns:1fr;gap:8px}.rtd-form-grid .full-width{grid-column:span 1}.rtd-form-field label{font-size:.55rem}.rtd-form-field input,.rtd-form-field textarea{padding:6px 8px;font-size:.65rem}.rtd-search-select label{font-size:.55rem}.rtd-search-select-trigger,.rtd-search-select-search,.rtd-search-select-option{padding:6px 8px;font-size:.65rem}.rtd-color-option{width:24px;height:24px}.rtd-form-modal-footer{padding:8px 10px}.rtd-delete-modal-header{padding:10px 12px}.rtd-delete-modal-header h3{font-size:.75rem}.rtd-delete-modal-body{padding:12px}.rtd-delete-modal-body p{font-size:.7rem}.rtd-delete-modal-footer{padding:8px 12px}.rtd-btn{padding:6px 12px;font-size:.7rem;min-width:70px}}.btd-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.btd-modal{background-color:#fff;border-radius:12px;width:600px;max-width:95%;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.btd-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:12px}.btd-header-left{display:flex;align-items:center;gap:12px}.btd-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.btd-header-actions{display:flex;align-items:center;gap:12px}.btd-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.btd-add-btn:hover{background-color:#111827}.btd-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.btd-close-btn:hover{color:#1f2937}.btd-content{padding:24px;flex:1;overflow-y:auto}.btd-table{width:100%;border-collapse:collapse;font-size:.875rem}.btd-table thead tr{background-color:#f9fafb}.btd-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.btd-table th.actions{text-align:center;width:100px}.btd-table tbody tr{border-bottom:1px solid #e5e7eb}.btd-table tbody tr:hover{background-color:#f9fafb}.btd-table td{padding:12px 16px;color:#374151}.btd-table td.name{font-weight:500}.btd-table td.actions{text-align:center}.btd-table td.empty{padding:40px;text-align:center;color:#9ca3af}.btd-action-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background-color .15s}.btd-action-btn:hover{background-color:#f3f4f6}.btd-actions-cell{display:flex;justify-content:center;gap:8px}.btd-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.btd-sub-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200001;display:flex;align-items:center;justify-content:center;padding:1rem}.btd-form-modal{background-color:#fff;border-radius:12px;width:400px;max-width:95%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.btd-form-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.btd-form-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.btd-form-modal-body{padding:24px}.btd-form-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btd-form-field{display:flex;flex-direction:column}.btd-form-field label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:6px}.btd-form-field input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box}.btd-form-field input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.btd-delete-modal{background-color:#fff;border-radius:12px;width:400px;max-width:95%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.btd-delete-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;background-color:#fef2f2}.btd-delete-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#991b1b}.btd-delete-modal-body{padding:24px;text-align:center}.btd-delete-modal-body p{margin:0;color:#4b5563}.btd-delete-modal-body p.highlight{margin-top:8px;font-weight:600;color:#1f2937}.btd-delete-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btd-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:90px}.btd-btn-primary{background-color:#1f2937;color:#fff}.btd-btn-primary:hover{background-color:#111827}.btd-btn-secondary{background-color:#6b7280;color:#fff}.btd-btn-secondary:hover{background-color:#4b5563}.btd-btn-danger{background-color:#dc2626;color:#fff}.btd-btn-danger:hover{background-color:#b91c1c}@media(max-width:1400px){.btd-header{padding:16px 20px}.btd-header h3{font-size:1rem}.btd-content{padding:20px}.btd-footer{padding:14px 20px}}@media(max-width:1199px){.btd-header{padding:14px 18px}.btd-header h3{font-size:.95rem}.btd-header-left svg{width:20px;height:20px}.btd-add-btn{padding:7px 14px;font-size:.75rem}.btd-add-btn svg{width:14px;height:14px}.btd-content{padding:18px}.btd-table{font-size:.813rem}.btd-table th,.btd-table td{padding:10px 14px}.btd-footer{padding:12px 18px}.btd-btn{padding:9px 18px;font-size:.813rem}.btd-form-modal-header{padding:16px 20px}.btd-form-modal-header h3{font-size:1rem}.btd-form-modal-body{padding:20px}.btd-form-modal-footer{padding:14px 20px}}@media(max-width:1023px){.btd-overlay{padding:.5rem}.btd-modal{max-height:90vh;border-radius:10px}.btd-header{padding:12px 16px}.btd-header h3{font-size:.875rem}.btd-header-left{gap:8px}.btd-header-left svg{width:18px;height:18px}.btd-header-actions{gap:8px}.btd-add-btn{padding:6px 12px;font-size:.7rem}.btd-close-btn{font-size:20px}.btd-content{padding:14px}.btd-table{font-size:.75rem}.btd-table th,.btd-table td{padding:10px 12px}.btd-action-btn{padding:4px}.btd-action-btn svg{width:14px;height:14px}.btd-footer{padding:10px 16px;gap:8px}.btd-sub-overlay{padding:.5rem}.btd-form-modal{border-radius:10px}.btd-form-modal-header{padding:14px 16px}.btd-form-modal-header h3{font-size:.95rem}.btd-form-modal-body{padding:16px}.btd-form-field label{font-size:.75rem}.btd-form-field input{padding:9px 10px;font-size:.813rem}.btd-form-modal-footer{padding:12px 16px;gap:8px}.btd-delete-modal{border-radius:10px}.btd-delete-modal-header{padding:14px 16px}.btd-delete-modal-header h3{font-size:.95rem}.btd-delete-modal-body{padding:18px 16px}.btd-delete-modal-body p{font-size:.875rem}.btd-delete-modal-footer{padding:12px 16px;gap:8px}.btd-btn{padding:8px 16px;font-size:.75rem;min-width:80px}}@media(max-width:767px){.btd-overlay{padding:0}.btd-modal{max-width:100%;max-height:100vh;border-radius:0}.btd-header{padding:12px 14px;flex-wrap:wrap;gap:10px}.btd-header h3{font-size:.813rem}.btd-header-left{gap:6px}.btd-header-left svg{width:16px;height:16px}.btd-header-actions{gap:6px}.btd-add-btn{padding:6px 10px;font-size:.65rem}.btd-add-btn svg{width:12px;height:12px}.btd-close-btn{font-size:18px}.btd-content{padding:12px}.btd-table{font-size:.7rem}.btd-table th,.btd-table td{padding:10px}.btd-table th.actions{width:80px}.btd-action-btn svg{width:13px;height:13px}.btd-footer{padding:10px 14px;gap:6px}.btd-sub-overlay{padding:.5rem}.btd-form-modal{width:95%;border-radius:10px}.btd-form-modal-header{padding:12px 14px}.btd-form-modal-header h3{font-size:.875rem}.btd-form-modal-body{padding:14px}.btd-form-field label{font-size:.7rem}.btd-form-field input{padding:10px 12px;font-size:.813rem}.btd-form-modal-footer{padding:12px 14px;gap:6px}.btd-delete-modal{width:95%;border-radius:10px}.btd-delete-modal-header{padding:12px 14px}.btd-delete-modal-header h3{font-size:.875rem}.btd-delete-modal-body{padding:16px 14px}.btd-delete-modal-body p{font-size:.813rem}.btd-delete-modal-footer{padding:12px 14px;gap:6px}.btd-btn{padding:8px 14px;font-size:.75rem;min-width:75px}}@media(max-width:480px){.btd-header{padding:10px 12px}.btd-header h3{font-size:.75rem}.btd-header-left svg{width:14px;height:14px}.btd-add-btn{padding:5px 8px;font-size:.6rem}.btd-add-btn svg{width:10px;height:10px}.btd-close-btn{font-size:16px}.btd-content{padding:10px}.btd-table{font-size:.65rem}.btd-table th,.btd-table td{padding:8px}.btd-table th.actions{width:70px}.btd-action-btn{padding:3px}.btd-action-btn svg{width:12px;height:12px}.btd-footer{padding:8px 12px}.btd-form-modal-header{padding:10px 12px}.btd-form-modal-header h3{font-size:.813rem}.btd-form-modal-body{padding:12px}.btd-form-field label{font-size:.65rem}.btd-form-field input{padding:8px 10px;font-size:.75rem}.btd-form-modal-footer,.btd-delete-modal-header{padding:10px 12px}.btd-delete-modal-header h3{font-size:.813rem}.btd-delete-modal-body{padding:14px 12px}.btd-delete-modal-body p{font-size:.75rem}.btd-delete-modal-footer{padding:10px 12px}.btd-btn{padding:7px 12px;font-size:.7rem;min-width:70px}}.rtp-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.rtp-modal{background-color:#fff;border-radius:12px;width:95%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.rtp-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:12px}.rtp-header-left{display:flex;align-items:center;gap:12px}.rtp-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.rtp-header-actions{display:flex;align-items:center;gap:12px}.rtp-filter{position:relative;min-width:180px}.rtp-filter-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;cursor:pointer;background-color:#fff}.rtp-filter-trigger span{color:#374151}.rtp-filter-trigger span.placeholder{color:#9ca3af}.rtp-filter-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:4px;z-index:9999;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto}.rtp-filter-option{padding:8px 12px;cursor:pointer;font-size:.813rem;transition:background-color .15s}.rtp-filter-option:hover,.rtp-filter-option.selected{background-color:#f3f4f6}.rtp-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.rtp-add-btn:hover{background-color:#111827}.rtp-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.rtp-close-btn:hover{color:#1f2937}.rtp-content{padding:16px 24px;flex:1;overflow-x:auto;overflow-y:auto}.rtp-table{width:100%;border-collapse:collapse;font-size:.75rem;min-width:800px}.rtp-table thead tr{background-color:#f9fafb}.rtp-table th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.rtp-table th.right{text-align:right}.rtp-table th.center{text-align:center}.rtp-table th.actions{text-align:center;width:80px}.rtp-table tbody tr{border-bottom:1px solid #e5e7eb}.rtp-table tbody tr:hover{background-color:#f9fafb}.rtp-table td{padding:10px 8px;color:#374151}.rtp-table td.name{font-weight:500}.rtp-table td.right{text-align:right}.rtp-table td.center,.rtp-table td.actions{text-align:center}.rtp-table td.empty{padding:40px;text-align:center;color:#9ca3af}.rtp-action-btn{background:none;border:none;cursor:pointer;padding:4px;transition:opacity .2s}.rtp-action-btn:hover{opacity:.7}.rtp-actions-cell{display:flex;justify-content:center;gap:4px}.rtp-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.rtp-sub-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200001;display:flex;align-items:center;justify-content:center;padding:1rem}.rtp-form-modal{background-color:#fff;border-radius:12px;width:500px;max-width:95%;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.rtp-form-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.rtp-form-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.rtp-form-modal-body{padding:20px 24px;flex:1;overflow-y:auto}.rtp-form-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.rtp-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rtp-form-grid .full-width{grid-column:span 2}.rtp-form-field{display:flex;flex-direction:column}.rtp-form-field label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.rtp-form-field input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;box-sizing:border-box}.rtp-form-field input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.rtp-search-select{position:relative}.rtp-search-select label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.rtp-search-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;cursor:pointer;background-color:#fff}.rtp-search-select-trigger span{color:#374151}.rtp-search-select-trigger span.placeholder{color:#9ca3af}.rtp-search-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:4px;z-index:9999;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow:hidden}.rtp-search-select-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid #e5e7eb;font-size:.813rem;box-sizing:border-box;outline:none}.rtp-search-select-options{max-height:150px;overflow-y:auto}.rtp-search-select-option{padding:8px 10px;cursor:pointer;font-size:.813rem;transition:background-color .15s}.rtp-search-select-option:hover,.rtp-search-select-option.selected{background-color:#f3f4f6}.rtp-delete-modal{background-color:#fff;border-radius:12px;width:400px;max-width:95%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.rtp-delete-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;background-color:#fef2f2}.rtp-delete-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#991b1b}.rtp-delete-modal-body{padding:20px 24px;text-align:center}.rtp-delete-modal-body p{margin:0;color:#4b5563}.rtp-delete-modal-body p.highlight{margin-top:8px;font-weight:600;color:#1f2937}.rtp-delete-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.rtp-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:90px}.rtp-btn-primary{background-color:#1f2937;color:#fff}.rtp-btn-primary:hover{background-color:#111827}.rtp-btn-secondary{background-color:#6b7280;color:#fff}.rtp-btn-secondary:hover{background-color:#4b5563}.rtp-btn-danger{background-color:#dc2626;color:#fff}.rtp-btn-danger:hover{background-color:#b91c1c}.rtp-toast{position:fixed;bottom:24px;right:24px;background-color:#10b981;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:300000;animation:rtpSlideIn .3s ease-out}.rtp-toast span{font-size:.875rem;font-weight:500}@keyframes rtpSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:1400px){.rtp-modal{max-width:95%}.rtp-header{padding:14px 20px}.rtp-header h3{font-size:1rem}.rtp-content{padding:14px 20px}.rtp-footer{padding:10px 20px}}@media(max-width:1199px){.rtp-header{padding:12px 16px;flex-wrap:wrap}.rtp-header h3{font-size:.95rem}.rtp-header-left svg{width:20px;height:20px}.rtp-header-actions{gap:8px}.rtp-filter{min-width:150px}.rtp-filter-trigger{padding:7px 10px;font-size:.75rem}.rtp-add-btn{padding:7px 14px;font-size:.75rem}.rtp-add-btn svg{width:14px;height:14px}.rtp-content{padding:12px 16px}.rtp-table{font-size:.7rem;min-width:700px}.rtp-table th,.rtp-table td{padding:8px 6px}.rtp-footer{padding:10px 16px}.rtp-btn{padding:8px 16px;font-size:.813rem}.rtp-form-modal-header{padding:12px 20px}.rtp-form-modal-header h3{font-size:.95rem}.rtp-form-modal-body{padding:16px 20px}.rtp-form-modal-footer{padding:10px 20px}}@media(max-width:1023px){.rtp-overlay{padding:.5rem}.rtp-modal{max-height:95vh;border-radius:10px}.rtp-header{padding:10px 14px}.rtp-header h3{font-size:.875rem}.rtp-header-left{gap:8px}.rtp-header-left svg{width:18px;height:18px}.rtp-header-actions{gap:6px;flex-wrap:wrap}.rtp-filter{min-width:130px}.rtp-filter-trigger{padding:6px 8px;font-size:.7rem}.rtp-add-btn{padding:6px 12px;font-size:.7rem}.rtp-close-btn{font-size:20px}.rtp-content{padding:10px 14px}.rtp-table{font-size:.65rem;min-width:600px}.rtp-table th,.rtp-table td{padding:8px 5px}.rtp-action-btn{padding:3px}.rtp-action-btn svg{width:12px;height:12px}.rtp-footer{padding:8px 14px;gap:8px}.rtp-sub-overlay{padding:.5rem}.rtp-form-modal{width:95%;border-radius:10px}.rtp-form-modal-header{padding:10px 16px}.rtp-form-modal-header h3{font-size:.875rem}.rtp-form-modal-body{padding:14px 16px}.rtp-form-grid{gap:10px}.rtp-form-field label{font-size:.7rem}.rtp-form-field input{padding:7px 9px;font-size:.75rem}.rtp-search-select label{font-size:.7rem}.rtp-search-select-trigger,.rtp-search-select-search,.rtp-search-select-option{padding:7px 9px;font-size:.75rem}.rtp-form-modal-footer{padding:10px 16px;gap:8px}.rtp-delete-modal{width:95%;border-radius:10px}.rtp-delete-modal-header{padding:12px 16px}.rtp-delete-modal-header h3{font-size:.875rem}.rtp-delete-modal-body{padding:16px}.rtp-delete-modal-body p{font-size:.813rem}.rtp-delete-modal-footer{padding:10px 16px;gap:8px}.rtp-btn{padding:7px 14px;font-size:.75rem;min-width:80px}.rtp-toast{bottom:16px;right:16px;padding:10px 16px;gap:8px}.rtp-toast span{font-size:.813rem}}@media(max-width:767px){.rtp-overlay{padding:0}.rtp-modal{max-width:100%;max-height:100vh;border-radius:0}.rtp-header{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:10px}.rtp-header h3{font-size:.813rem}.rtp-header-left{gap:6px}.rtp-header-left svg{width:16px;height:16px}.rtp-header-actions{width:100%;justify-content:space-between;gap:6px}.rtp-filter{min-width:0;flex:1}.rtp-filter-trigger{padding:6px 8px;font-size:.65rem}.rtp-add-btn{padding:6px 10px;font-size:.65rem}.rtp-add-btn svg{width:12px;height:12px}.rtp-close-btn{font-size:18px;position:absolute;top:10px;right:12px}.rtp-content{padding:8px 12px}.rtp-table{font-size:.6rem;min-width:550px}.rtp-table th,.rtp-table td{padding:7px 4px}.rtp-footer{padding:8px 12px;gap:6px}.rtp-sub-overlay{padding:0}.rtp-form-modal{width:100%;max-height:100vh;border-radius:0}.rtp-form-modal-header{padding:10px 12px}.rtp-form-modal-header h3{font-size:.813rem}.rtp-form-modal-body{padding:12px}.rtp-form-grid{grid-template-columns:1fr;gap:10px}.rtp-form-grid .full-width{grid-column:span 1}.rtp-form-field label{font-size:.65rem}.rtp-form-field input{padding:8px 10px;font-size:.75rem}.rtp-search-select label{font-size:.65rem}.rtp-search-select-trigger{padding:8px 10px;font-size:.75rem}.rtp-form-modal-footer{padding:10px 12px;gap:6px}.rtp-delete-modal{width:90%;border-radius:10px}.rtp-delete-modal-header{padding:12px 14px}.rtp-delete-modal-header h3{font-size:.813rem}.rtp-delete-modal-body{padding:14px}.rtp-delete-modal-body p{font-size:.75rem}.rtp-delete-modal-footer{padding:10px 14px}.rtp-btn{padding:8px 14px;font-size:.75rem;min-width:75px}.rtp-toast{bottom:12px;right:12px;left:12px;padding:10px 14px}.rtp-toast span{font-size:.75rem}}@media(max-width:480px){.rtp-header{padding:8px 10px}.rtp-header h3{font-size:.75rem}.rtp-header-left svg{width:14px;height:14px}.rtp-filter-trigger{padding:5px 6px;font-size:.6rem}.rtp-add-btn{padding:5px 8px;font-size:.6rem}.rtp-add-btn svg{width:10px;height:10px}.rtp-close-btn{font-size:16px}.rtp-content{padding:6px 10px}.rtp-table{font-size:.55rem;min-width:500px}.rtp-table th,.rtp-table td{padding:6px 3px}.rtp-action-btn svg{width:10px;height:10px}.rtp-footer{padding:6px 10px}.rtp-form-modal-header{padding:8px 10px}.rtp-form-modal-header h3{font-size:.75rem}.rtp-form-modal-body{padding:10px}.rtp-form-field label{font-size:.6rem}.rtp-form-field input{padding:6px 8px;font-size:.7rem}.rtp-search-select label{font-size:.6rem}.rtp-search-select-trigger,.rtp-search-select-search,.rtp-search-select-option{padding:6px 8px;font-size:.7rem}.rtp-form-modal-footer{padding:8px 10px}.rtp-delete-modal-header{padding:10px 12px}.rtp-delete-modal-header h3{font-size:.75rem}.rtp-delete-modal-body{padding:12px}.rtp-delete-modal-body p{font-size:.7rem}.rtp-delete-modal-footer{padding:8px 12px}.rtp-btn{padding:6px 12px;font-size:.7rem;min-width:70px}.rtp-toast{bottom:10px;right:10px;left:10px;padding:8px 12px}.rtp-toast span{font-size:.7rem}.rtp-toast svg{width:16px;height:16px}}.rsn-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.rsn-modal{background-color:#fff;border-radius:12px;width:95%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.rsn-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:12px}.rsn-header-left{display:flex;align-items:center;gap:12px}.rsn-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.rsn-header-actions{display:flex;align-items:center;gap:12px}.rsn-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.rsn-add-btn:hover{background-color:#111827}.rsn-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.rsn-close-btn:hover{color:#1f2937}.rsn-content{padding:16px 24px;flex:1;overflow-x:auto;overflow-y:auto}.rsn-table{width:100%;border-collapse:collapse;font-size:.75rem;min-width:800px}.rsn-table thead tr{background-color:#f9fafb}.rsn-table th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.rsn-table th.center{text-align:center}.rsn-table th.actions{text-align:center;width:80px}.rsn-table tbody tr{border-bottom:1px solid #e5e7eb}.rsn-table tbody tr:hover{background-color:#f9fafb}.rsn-table td{padding:10px 8px;color:#374151}.rsn-table td.name{font-weight:500}.rsn-table td.center,.rsn-table td.actions{text-align:center}.rsn-table td.empty{padding:40px;text-align:center;color:#9ca3af}.rsn-badge{padding:2px 8px;border-radius:4px;font-size:.7rem;display:inline-block}.rsn-badge-default{background-color:#e5e7eb;color:#374151}.rsn-badge-clean{background-color:#dcfce7;color:#166534}.rsn-badge-dirty{background-color:#fee2e2;color:#991b1b}.rsn-badge-maintenance{background-color:#fef3c7;color:#92400e}.rsn-status-badge{padding:2px 8px;border-radius:9999px;font-size:.7rem;font-weight:500;display:inline-block}.rsn-status-active{background-color:#dcfce7;color:#166534}.rsn-status-inactive{background-color:#fee2e2;color:#991b1b}.rsn-action-btn{background:none;border:none;cursor:pointer;padding:4px;transition:opacity .2s}.rsn-action-btn:hover{opacity:.7}.rsn-actions-cell{display:flex;justify-content:center;gap:4px}.rsn-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.rsn-sub-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200001;display:flex;align-items:center;justify-content:center;padding:1rem}.rsn-form-modal{background-color:#fff;border-radius:12px;width:550px;max-width:95%;max-height:85vh;overflow:visible;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.rsn-form-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.rsn-form-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.rsn-form-modal-body{padding:20px 24px;min-height:320px;flex:1;overflow-y:auto}.rsn-form-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.rsn-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rsn-form-field{display:flex;flex-direction:column}.rsn-form-field label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.rsn-form-field input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;box-sizing:border-box}.rsn-form-field input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.rsn-search-select{position:relative}.rsn-search-select label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.rsn-search-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;cursor:pointer;background-color:#fff}.rsn-search-select-trigger span{color:#374151}.rsn-search-select-trigger span.placeholder{color:#9ca3af}.rsn-search-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:4px;z-index:9999;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow:hidden}.rsn-search-select-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid #e5e7eb;font-size:.813rem;box-sizing:border-box;outline:none}.rsn-search-select-options{max-height:150px;overflow-y:auto}.rsn-search-select-option{padding:8px 10px;cursor:pointer;font-size:.813rem;transition:background-color .15s}.rsn-search-select-option:hover,.rsn-search-select-option.selected{background-color:#f3f4f6}.rsn-delete-modal{background-color:#fff;border-radius:12px;width:400px;max-width:95%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.rsn-delete-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;background-color:#fef2f2}.rsn-delete-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#991b1b}.rsn-delete-modal-body{padding:20px 24px;text-align:center}.rsn-delete-modal-body p{margin:0;color:#4b5563}.rsn-delete-modal-body p.highlight{margin-top:8px;font-weight:600;color:#1f2937}.rsn-delete-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.rsn-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:90px}.rsn-btn-primary{background-color:#1f2937;color:#fff}.rsn-btn-primary:hover{background-color:#111827}.rsn-btn-secondary{background-color:#6b7280;color:#fff}.rsn-btn-secondary:hover{background-color:#4b5563}.rsn-btn-danger{background-color:#dc2626;color:#fff}.rsn-btn-danger:hover{background-color:#b91c1c}.rsn-toast{position:fixed;bottom:24px;right:24px;background-color:#10b981;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:300000;animation:rsnSlideIn .3s ease-out}.rsn-toast span{font-size:.875rem;font-weight:500}@keyframes rsnSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:1400px){.rsn-modal{max-width:95%}.rsn-header{padding:14px 20px}.rsn-header h3{font-size:1rem}.rsn-content{padding:14px 20px}.rsn-footer{padding:10px 20px}}@media(max-width:1199px){.rsn-header{padding:12px 16px}.rsn-header h3{font-size:.95rem}.rsn-header-left svg{width:20px;height:20px}.rsn-header-actions{gap:8px}.rsn-add-btn{padding:7px 14px;font-size:.75rem}.rsn-add-btn svg{width:14px;height:14px}.rsn-content{padding:12px 16px}.rsn-table{font-size:.7rem;min-width:700px}.rsn-table th,.rsn-table td{padding:8px 6px}.rsn-badge,.rsn-status-badge{font-size:.65rem;padding:2px 6px}.rsn-footer{padding:10px 16px}.rsn-btn{padding:8px 16px;font-size:.813rem}.rsn-form-modal-header{padding:12px 20px}.rsn-form-modal-header h3{font-size:.95rem}.rsn-form-modal-body{padding:16px 20px;min-height:280px}.rsn-form-modal-footer{padding:10px 20px}}@media(max-width:1023px){.rsn-overlay{padding:.5rem}.rsn-modal{max-height:95vh;border-radius:10px}.rsn-header{padding:10px 14px}.rsn-header h3{font-size:.875rem}.rsn-header-left{gap:8px}.rsn-header-left svg{width:18px;height:18px}.rsn-header-actions{gap:6px}.rsn-add-btn{padding:6px 12px;font-size:.7rem}.rsn-close-btn{font-size:20px}.rsn-content{padding:10px 14px}.rsn-table{font-size:.65rem;min-width:600px}.rsn-table th,.rsn-table td{padding:8px 5px}.rsn-action-btn{padding:3px}.rsn-action-btn svg{width:12px;height:12px}.rsn-footer{padding:8px 14px;gap:8px}.rsn-sub-overlay{padding:.5rem}.rsn-form-modal{width:95%;border-radius:10px}.rsn-form-modal-header{padding:10px 16px}.rsn-form-modal-header h3{font-size:.875rem}.rsn-form-modal-body{padding:14px 16px;min-height:260px}.rsn-form-grid{gap:10px}.rsn-form-field label{font-size:.7rem}.rsn-form-field input{padding:7px 9px;font-size:.75rem}.rsn-search-select label{font-size:.7rem}.rsn-search-select-trigger,.rsn-search-select-search,.rsn-search-select-option{padding:7px 9px;font-size:.75rem}.rsn-form-modal-footer{padding:10px 16px;gap:8px}.rsn-delete-modal{width:95%;border-radius:10px}.rsn-delete-modal-header{padding:12px 16px}.rsn-delete-modal-header h3{font-size:.875rem}.rsn-delete-modal-body{padding:16px}.rsn-delete-modal-body p{font-size:.813rem}.rsn-delete-modal-footer{padding:10px 16px;gap:8px}.rsn-btn{padding:7px 14px;font-size:.75rem;min-width:80px}.rsn-toast{bottom:16px;right:16px;padding:10px 16px;gap:8px}.rsn-toast span{font-size:.813rem}}@media(max-width:767px){.rsn-overlay{padding:0}.rsn-modal{max-width:100%;max-height:100vh;border-radius:0}.rsn-header{padding:10px 12px;flex-wrap:wrap;gap:10px}.rsn-header h3{font-size:.813rem}.rsn-header-left{gap:6px}.rsn-header-left svg{width:16px;height:16px}.rsn-header-actions{gap:6px}.rsn-add-btn{padding:6px 10px;font-size:.65rem}.rsn-add-btn svg{width:12px;height:12px}.rsn-close-btn{font-size:18px}.rsn-content{padding:8px 12px}.rsn-table{font-size:.6rem;min-width:550px}.rsn-table th,.rsn-table td{padding:7px 4px}.rsn-badge,.rsn-status-badge{font-size:.55rem;padding:1px 4px}.rsn-footer{padding:8px 12px;gap:6px}.rsn-sub-overlay{padding:0}.rsn-form-modal{width:100%;max-height:100vh;border-radius:0}.rsn-form-modal-header{padding:10px 12px}.rsn-form-modal-header h3{font-size:.813rem}.rsn-form-modal-body{padding:12px;min-height:auto}.rsn-form-grid{grid-template-columns:1fr;gap:10px}.rsn-form-field label{font-size:.65rem}.rsn-form-field input{padding:8px 10px;font-size:.75rem}.rsn-search-select label{font-size:.65rem}.rsn-search-select-trigger{padding:8px 10px;font-size:.75rem}.rsn-form-modal-footer{padding:10px 12px;gap:6px}.rsn-delete-modal{width:90%;border-radius:10px}.rsn-delete-modal-header{padding:12px 14px}.rsn-delete-modal-header h3{font-size:.813rem}.rsn-delete-modal-body{padding:14px}.rsn-delete-modal-body p{font-size:.75rem}.rsn-delete-modal-footer{padding:10px 14px}.rsn-btn{padding:8px 14px;font-size:.75rem;min-width:75px}.rsn-toast{bottom:12px;right:12px;left:12px;padding:10px 14px}.rsn-toast span{font-size:.75rem}}@media(max-width:480px){.rsn-header{padding:8px 10px}.rsn-header h3{font-size:.75rem}.rsn-header-left svg{width:14px;height:14px}.rsn-add-btn{padding:5px 8px;font-size:.6rem}.rsn-add-btn svg{width:10px;height:10px}.rsn-close-btn{font-size:16px}.rsn-content{padding:6px 10px}.rsn-table{font-size:.55rem;min-width:500px}.rsn-table th,.rsn-table td{padding:6px 3px}.rsn-action-btn svg{width:10px;height:10px}.rsn-footer{padding:6px 10px}.rsn-form-modal-header{padding:8px 10px}.rsn-form-modal-header h3{font-size:.75rem}.rsn-form-modal-body{padding:10px}.rsn-form-field label{font-size:.6rem}.rsn-form-field input{padding:6px 8px;font-size:.7rem}.rsn-search-select label{font-size:.6rem}.rsn-search-select-trigger,.rsn-search-select-search,.rsn-search-select-option{padding:6px 8px;font-size:.7rem}.rsn-form-modal-footer{padding:8px 10px}.rsn-delete-modal-header{padding:10px 12px}.rsn-delete-modal-header h3{font-size:.75rem}.rsn-delete-modal-body{padding:12px}.rsn-delete-modal-body p{font-size:.7rem}.rsn-delete-modal-footer{padding:8px 12px}.rsn-btn{padding:6px 12px;font-size:.7rem;min-width:70px}.rsn-toast{bottom:10px;right:10px;left:10px;padding:8px 12px}.rsn-toast span{font-size:.7rem}.rsn-toast svg{width:16px;height:16px}}.pkg-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.pkg-modal{background-color:#fff;border-radius:12px;width:95%;max-width:1100px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.pkg-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:12px}.pkg-header-left{display:flex;align-items:center;gap:12px}.pkg-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.pkg-header-actions{display:flex;align-items:center;gap:12px}.pkg-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.pkg-add-btn:hover{background-color:#111827}.pkg-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.pkg-close-btn:hover{color:#1f2937}.pkg-content{padding:16px 24px;flex:1;overflow-x:auto;overflow-y:auto}.pkg-table{width:100%;border-collapse:collapse;font-size:.75rem;min-width:700px}.pkg-table thead tr{background-color:#f9fafb}.pkg-table th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.pkg-table th.right{text-align:right}.pkg-table th.center{text-align:center}.pkg-table th.actions{text-align:center;width:80px}.pkg-table tbody tr{border-bottom:1px solid #e5e7eb}.pkg-table tbody tr:hover{background-color:#f9fafb}.pkg-table td{padding:10px 8px;color:#374151}.pkg-table td.name{font-weight:500}.pkg-table td.description{max-width:300px}.pkg-table td.price{text-align:right;font-weight:500}.pkg-table td.center,.pkg-table td.actions{text-align:center}.pkg-table td.empty{padding:40px;text-align:center;color:#9ca3af}.pkg-status-badge{padding:2px 8px;border-radius:9999px;font-size:.7rem;font-weight:500;display:inline-block}.pkg-status-active{background-color:#dcfce7;color:#166534}.pkg-status-inactive{background-color:#fee2e2;color:#991b1b}.pkg-action-btn{background:none;border:none;cursor:pointer;padding:4px;transition:opacity .2s}.pkg-action-btn:hover{opacity:.7}.pkg-actions-cell{display:flex;justify-content:center;gap:4px}.pkg-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.pkg-sub-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200001;display:flex;align-items:center;justify-content:center;padding:1rem}.pkg-form-modal{background-color:#fff;border-radius:12px;width:500px;max-width:95%;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.pkg-form-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.pkg-form-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.pkg-form-modal-body{padding:20px 24px;flex:1;overflow-y:auto}.pkg-form-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.pkg-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pkg-form-grid .full-width{grid-column:span 2}.pkg-form-field{display:flex;flex-direction:column}.pkg-form-field label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.pkg-form-field input,.pkg-form-field textarea{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;box-sizing:border-box}.pkg-form-field textarea{resize:none}.pkg-form-field input:focus,.pkg-form-field textarea:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.pkg-search-select{position:relative}.pkg-search-select label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.pkg-search-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;cursor:pointer;background-color:#fff}.pkg-search-select-trigger span{color:#374151}.pkg-search-select-trigger span.placeholder{color:#9ca3af}.pkg-search-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:4px;z-index:9999;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow:hidden}.pkg-search-select-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid #e5e7eb;font-size:.813rem;box-sizing:border-box;outline:none}.pkg-search-select-options{max-height:150px;overflow-y:auto}.pkg-search-select-option{padding:8px 10px;cursor:pointer;font-size:.813rem;transition:background-color .15s}.pkg-search-select-option:hover,.pkg-search-select-option.selected{background-color:#f3f4f6}.pkg-delete-modal{background-color:#fff;border-radius:12px;width:400px;max-width:95%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.pkg-delete-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;background-color:#fef2f2}.pkg-delete-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#991b1b}.pkg-delete-modal-body{padding:20px 24px;text-align:center}.pkg-delete-modal-body p{margin:0;color:#4b5563}.pkg-delete-modal-body p.highlight{margin-top:8px;font-weight:600;color:#1f2937}.pkg-delete-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.pkg-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.pkg-btn-primary{background-color:#1f2937;color:#fff}.pkg-btn-primary:hover{background-color:#111827}.pkg-btn-secondary{background-color:#6b7280;color:#fff}.pkg-btn-secondary:hover{background-color:#4b5563}.pkg-btn-danger{background-color:#dc2626;color:#fff}.pkg-btn-danger:hover{background-color:#b91c1c}.pkg-toast{position:fixed;bottom:24px;right:24px;background-color:#10b981;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:300000;animation:pkgSlideIn .3s ease-out}.pkg-toast span{font-size:.875rem;font-weight:500}@keyframes pkgSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:1400px){.pkg-modal{max-width:95%}.pkg-header{padding:14px 20px}.pkg-header h3{font-size:1rem}.pkg-content{padding:14px 20px}.pkg-footer{padding:10px 20px}}@media(max-width:1199px){.pkg-header{padding:12px 16px}.pkg-header h3{font-size:.95rem}.pkg-header-left svg{width:20px;height:20px}.pkg-header-actions{gap:8px}.pkg-add-btn{padding:7px 14px;font-size:.75rem}.pkg-add-btn svg{width:14px;height:14px}.pkg-content{padding:12px 16px}.pkg-table{font-size:.7rem;min-width:600px}.pkg-table th,.pkg-table td{padding:8px 6px}.pkg-table td.description{max-width:200px}.pkg-status-badge{font-size:.65rem;padding:2px 6px}.pkg-footer{padding:10px 16px}.pkg-btn{padding:7px 14px;font-size:.75rem}.pkg-form-modal-header{padding:12px 20px}.pkg-form-modal-header h3{font-size:.95rem}.pkg-form-modal-body{padding:16px 20px}.pkg-form-modal-footer{padding:10px 20px}}@media(max-width:1023px){.pkg-overlay{padding:.5rem}.pkg-modal{max-height:95vh;border-radius:10px}.pkg-header{padding:10px 14px}.pkg-header h3{font-size:.875rem}.pkg-header-left{gap:8px}.pkg-header-left svg{width:18px;height:18px}.pkg-header-actions{gap:6px}.pkg-add-btn{padding:6px 12px;font-size:.7rem}.pkg-close-btn{font-size:20px}.pkg-content{padding:10px 14px}.pkg-table{font-size:.65rem;min-width:550px}.pkg-table th,.pkg-table td{padding:8px 5px}.pkg-table td.description{max-width:150px}.pkg-action-btn{padding:3px}.pkg-action-btn svg{width:12px;height:12px}.pkg-footer{padding:8px 14px;gap:8px}.pkg-sub-overlay{padding:.5rem}.pkg-form-modal{width:95%;border-radius:10px}.pkg-form-modal-header{padding:10px 16px}.pkg-form-modal-header h3{font-size:.875rem}.pkg-form-modal-body{padding:14px 16px}.pkg-form-grid{gap:10px}.pkg-form-field label{font-size:.7rem}.pkg-form-field input,.pkg-form-field textarea{padding:7px 9px;font-size:.75rem}.pkg-search-select label{font-size:.7rem}.pkg-search-select-trigger{padding:7px 9px;font-size:.75rem}.pkg-form-modal-footer{padding:10px 16px;gap:8px}.pkg-delete-modal{width:95%;border-radius:10px}.pkg-delete-modal-header{padding:12px 16px}.pkg-delete-modal-header h3{font-size:.875rem}.pkg-delete-modal-body{padding:16px}.pkg-delete-modal-body p{font-size:.813rem}.pkg-delete-modal-footer{padding:10px 16px;gap:8px}.pkg-btn{padding:7px 14px;font-size:.75rem;min-width:75px}.pkg-toast{bottom:16px;right:16px;padding:10px 16px;gap:8px}.pkg-toast span{font-size:.813rem}}@media(max-width:767px){.pkg-overlay{padding:0}.pkg-modal{max-width:100%;max-height:100vh;border-radius:0}.pkg-header{padding:10px 12px;flex-wrap:wrap;gap:10px}.pkg-header h3{font-size:.813rem}.pkg-header-left{gap:6px}.pkg-header-left svg{width:16px;height:16px}.pkg-header-actions{gap:6px}.pkg-add-btn{padding:6px 10px;font-size:.65rem}.pkg-add-btn svg{width:12px;height:12px}.pkg-close-btn{font-size:18px}.pkg-content{padding:8px 12px}.pkg-table{font-size:.6rem;min-width:500px}.pkg-table th,.pkg-table td{padding:7px 4px}.pkg-table td.description{max-width:120px}.pkg-status-badge{font-size:.55rem;padding:1px 4px}.pkg-footer{padding:8px 12px;gap:6px}.pkg-sub-overlay{padding:0}.pkg-form-modal{width:100%;max-height:100vh;border-radius:0}.pkg-form-modal-header{padding:10px 12px}.pkg-form-modal-header h3{font-size:.813rem}.pkg-form-modal-body{padding:12px}.pkg-form-grid{grid-template-columns:1fr;gap:10px}.pkg-form-grid .full-width{grid-column:span 1}.pkg-form-field label{font-size:.65rem}.pkg-form-field input,.pkg-form-field textarea{padding:8px 10px;font-size:.75rem}.pkg-search-select label{font-size:.65rem}.pkg-search-select-trigger{padding:8px 10px;font-size:.75rem}.pkg-form-modal-footer{padding:10px 12px;gap:6px}.pkg-delete-modal{width:90%;border-radius:10px}.pkg-delete-modal-header{padding:12px 14px}.pkg-delete-modal-header h3{font-size:.813rem}.pkg-delete-modal-body{padding:14px}.pkg-delete-modal-body p{font-size:.75rem}.pkg-delete-modal-footer{padding:10px 14px}.pkg-btn{padding:8px 14px;font-size:.75rem;min-width:70px}.pkg-toast{bottom:12px;right:12px;left:12px;padding:10px 14px}.pkg-toast span{font-size:.75rem}}@media(max-width:480px){.pkg-header{padding:8px 10px}.pkg-header h3{font-size:.75rem}.pkg-header-left svg{width:14px;height:14px}.pkg-add-btn{padding:5px 8px;font-size:.6rem}.pkg-add-btn svg{width:10px;height:10px}.pkg-close-btn{font-size:16px}.pkg-content{padding:6px 10px}.pkg-table{font-size:.55rem;min-width:450px}.pkg-table th,.pkg-table td{padding:6px 3px}.pkg-table td.description{max-width:100px}.pkg-action-btn svg{width:10px;height:10px}.pkg-footer{padding:6px 10px}.pkg-form-modal-header{padding:8px 10px}.pkg-form-modal-header h3{font-size:.75rem}.pkg-form-modal-body{padding:10px}.pkg-form-field label{font-size:.6rem}.pkg-form-field input,.pkg-form-field textarea{padding:6px 8px;font-size:.7rem}.pkg-search-select label{font-size:.6rem}.pkg-search-select-trigger,.pkg-search-select-search,.pkg-search-select-option{padding:6px 8px;font-size:.7rem}.pkg-form-modal-footer{padding:8px 10px}.pkg-delete-modal-header{padding:10px 12px}.pkg-delete-modal-header h3{font-size:.75rem}.pkg-delete-modal-body{padding:12px}.pkg-delete-modal-body p{font-size:.7rem}.pkg-delete-modal-footer{padding:8px 12px}.pkg-btn{padding:6px 12px;font-size:.7rem;min-width:65px}.pkg-toast{bottom:10px;right:10px;left:10px;padding:8px 12px}.pkg-toast span{font-size:.7rem}.pkg-toast svg{width:16px;height:16px}}.rtg-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.rtg-modal{background-color:#fff;border-radius:12px;width:95%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.rtg-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:12px}.rtg-header-left{display:flex;align-items:center;gap:12px}.rtg-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.rtg-header-actions{display:flex;align-items:center;gap:12px}.rtg-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.rtg-add-btn:hover{background-color:#111827}.rtg-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.rtg-close-btn:hover{color:#1f2937}.rtg-content{padding:16px 24px;flex:1;overflow-x:auto;overflow-y:auto}.rtg-table{width:100%;border-collapse:collapse;font-size:.75rem}.rtg-table thead tr{background-color:#f9fafb}.rtg-table th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.rtg-table th.actions{text-align:center;width:80px}.rtg-table tbody tr{border-bottom:1px solid #e5e7eb}.rtg-table tbody tr:hover{background-color:#f9fafb}.rtg-table td{padding:10px 8px;color:#374151}.rtg-table td.name{font-weight:500}.rtg-table td.actions{text-align:center}.rtg-table td.empty{padding:40px;text-align:center;color:#9ca3af}.rtg-action-btn{background:none;border:none;cursor:pointer;padding:4px;transition:opacity .2s}.rtg-action-btn:hover{opacity:.7}.rtg-actions-cell{display:flex;justify-content:center;gap:4px}.rtg-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.rtg-sub-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200001;display:flex;align-items:center;justify-content:center;padding:1rem}.rtg-form-modal{background-color:#fff;border-radius:12px;width:400px;max-width:95%;max-height:85vh;overflow:visible;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.rtg-form-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.rtg-form-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.rtg-form-modal-body{padding:20px 24px;flex:1;overflow-y:auto}.rtg-form-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.rtg-form-field{display:flex;flex-direction:column}.rtg-form-field label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.rtg-form-field input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;box-sizing:border-box}.rtg-form-field input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.rtg-delete-modal{background-color:#fff;border-radius:12px;width:400px;max-width:95%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.rtg-delete-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;background-color:#fef2f2}.rtg-delete-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#991b1b}.rtg-delete-modal-body{padding:20px 24px;text-align:center}.rtg-delete-modal-body p{margin:0;color:#4b5563}.rtg-delete-modal-body p.highlight{margin-top:8px;font-weight:600;color:#1f2937}.rtg-delete-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.rtg-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:90px}.rtg-btn-primary{background-color:#1f2937;color:#fff}.rtg-btn-primary:hover{background-color:#111827}.rtg-btn-secondary{background-color:#6b7280;color:#fff}.rtg-btn-secondary:hover{background-color:#4b5563}.rtg-btn-danger{background-color:#dc2626;color:#fff}.rtg-btn-danger:hover{background-color:#b91c1c}.rtg-toast{position:fixed;bottom:24px;right:24px;background-color:#10b981;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:300000;animation:rtgSlideIn .3s ease-out}.rtg-toast span{font-size:.875rem;font-weight:500}@keyframes rtgSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:1400px){.rtg-modal{max-width:95%}.rtg-header{padding:14px 20px}.rtg-header h3{font-size:1rem}.rtg-content{padding:14px 20px}.rtg-footer{padding:10px 20px}}@media(max-width:1199px){.rtg-header{padding:12px 16px}.rtg-header h3{font-size:.95rem}.rtg-header-left svg{width:20px;height:20px}.rtg-add-btn{padding:7px 14px;font-size:.75rem}.rtg-add-btn svg{width:14px;height:14px}.rtg-content{padding:12px 16px}.rtg-table{font-size:.7rem}.rtg-table th,.rtg-table td{padding:8px 6px}.rtg-footer{padding:10px 16px}.rtg-btn{padding:8px 16px;font-size:.813rem}.rtg-form-modal-header{padding:12px 20px}.rtg-form-modal-header h3{font-size:.95rem}.rtg-form-modal-body{padding:16px 20px}.rtg-form-modal-footer{padding:10px 20px}}@media(max-width:1023px){.rtg-overlay{padding:.5rem}.rtg-modal{max-height:95vh;border-radius:10px}.rtg-header{padding:10px 14px;flex-wrap:wrap}.rtg-header h3{font-size:.875rem}.rtg-header-left{gap:8px}.rtg-header-left svg{width:18px;height:18px}.rtg-header-actions{gap:8px}.rtg-add-btn{padding:6px 12px;font-size:.7rem}.rtg-close-btn{font-size:20px}.rtg-content{padding:10px 14px}.rtg-table{font-size:.65rem}.rtg-table th,.rtg-table td{padding:8px 6px}.rtg-action-btn{padding:3px}.rtg-action-btn svg{width:12px;height:12px}.rtg-footer{padding:8px 14px;gap:8px}.rtg-sub-overlay{padding:.5rem}.rtg-form-modal{width:95%;border-radius:10px}.rtg-form-modal-header{padding:10px 16px}.rtg-form-modal-header h3{font-size:.875rem}.rtg-form-modal-body{padding:14px 16px}.rtg-form-field label{font-size:.7rem}.rtg-form-field input{padding:7px 9px;font-size:.75rem}.rtg-form-modal-footer{padding:10px 16px;gap:8px}.rtg-delete-modal{width:95%;border-radius:10px}.rtg-delete-modal-header{padding:12px 16px}.rtg-delete-modal-header h3{font-size:.875rem}.rtg-delete-modal-body{padding:16px}.rtg-delete-modal-body p{font-size:.813rem}.rtg-delete-modal-footer{padding:10px 16px;gap:8px}.rtg-btn{padding:7px 14px;font-size:.75rem;min-width:80px}.rtg-toast{bottom:16px;right:16px;padding:10px 16px;gap:8px}.rtg-toast span{font-size:.813rem}}@media(max-width:767px){.rtg-overlay{padding:0}.rtg-modal{max-width:100%;max-height:100vh;border-radius:0}.rtg-header{padding:10px 12px}.rtg-header h3{font-size:.813rem}.rtg-header-left{gap:6px}.rtg-header-left svg{width:16px;height:16px}.rtg-header-actions{gap:6px}.rtg-add-btn{padding:6px 10px;font-size:.65rem}.rtg-add-btn svg{width:12px;height:12px}.rtg-close-btn{font-size:18px}.rtg-content{padding:8px 12px}.rtg-table{font-size:.625rem}.rtg-table th,.rtg-table td{padding:8px 6px}.rtg-footer{padding:8px 12px;gap:6px}.rtg-sub-overlay{padding:0}.rtg-form-modal{width:100%;max-height:100vh;border-radius:0}.rtg-form-modal-header{padding:10px 12px}.rtg-form-modal-header h3{font-size:.813rem}.rtg-form-modal-body{padding:12px}.rtg-form-field label{font-size:.65rem}.rtg-form-field input{padding:8px 10px;font-size:.75rem}.rtg-form-modal-footer{padding:10px 12px;gap:6px}.rtg-delete-modal{width:90%;border-radius:10px}.rtg-delete-modal-header{padding:12px 14px}.rtg-delete-modal-header h3{font-size:.813rem}.rtg-delete-modal-body{padding:14px}.rtg-delete-modal-body p{font-size:.75rem}.rtg-delete-modal-footer{padding:10px 14px}.rtg-btn{padding:8px 14px;font-size:.75rem;min-width:75px}.rtg-toast{bottom:12px;right:12px;left:12px;padding:10px 14px}.rtg-toast span{font-size:.75rem}}@media(max-width:480px){.rtg-header{padding:8px 10px}.rtg-header h3{font-size:.75rem}.rtg-header-left svg{width:14px;height:14px}.rtg-add-btn{padding:5px 8px;font-size:.6rem}.rtg-add-btn svg{width:10px;height:10px}.rtg-close-btn{font-size:16px}.rtg-content{padding:6px 10px}.rtg-table{font-size:.6rem}.rtg-table th,.rtg-table td{padding:6px 4px}.rtg-action-btn svg{width:10px;height:10px}.rtg-footer{padding:6px 10px}.rtg-form-modal-header{padding:8px 10px}.rtg-form-modal-header h3{font-size:.75rem}.rtg-form-modal-body{padding:10px}.rtg-form-field label{font-size:.6rem}.rtg-form-field input{padding:6px 8px;font-size:.7rem}.rtg-form-modal-footer{padding:8px 10px}.rtg-delete-modal-header{padding:10px 12px}.rtg-delete-modal-header h3{font-size:.75rem}.rtg-delete-modal-body{padding:12px}.rtg-delete-modal-body p{font-size:.7rem}.rtg-delete-modal-footer{padding:8px 12px}.rtg-btn{padding:6px 12px;font-size:.7rem;min-width:70px}.rtg-toast{bottom:10px;right:10px;left:10px;padding:8px 12px}.rtg-toast span{font-size:.7rem}.rtg-toast svg{width:16px;height:16px}}.hotel-features-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.hotel-features-modal{background-color:#fff;border-radius:12px;width:95%;max-width:1000px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.hotel-features-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.hotel-features-header-left{display:flex;align-items:center;gap:12px}.hotel-features-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.hotel-features-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.hotel-features-close-btn:hover{color:#1f2937}.hotel-features-content{padding:16px 24px;flex:1;overflow-y:auto}.hotel-features-category{margin-bottom:16px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.hotel-features-category-header{padding:12px 16px;background-color:#f9fafb;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:12px}.hotel-features-category-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.hotel-features-category-name{font-weight:600;color:#1f2937;font-size:.875rem}.hotel-features-category-badge{font-size:.75rem;color:#6b7280;background-color:#e5e7eb;padding:2px 8px;border-radius:9999px;white-space:nowrap}.hotel-features-category-actions{display:flex;gap:8px;flex-shrink:0}.hotel-features-enable-btn,.hotel-features-disable-btn{padding:4px 8px;font-size:.7rem;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.hotel-features-enable-btn{background-color:#10b981}.hotel-features-enable-btn:hover{background-color:#059669}.hotel-features-disable-btn{background-color:#6b7280}.hotel-features-disable-btn:hover{background-color:#4b5563}.hotel-features-grid{padding:12px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.hotel-features-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;gap:8px}.hotel-features-item.enabled{background-color:#f0fdf4;border:1px solid #bbf7d0}.hotel-features-item.disabled{background-color:#f9fafb;border:1px solid #e5e7eb}.hotel-features-item-name{font-size:.75rem;color:#374151;flex:1;min-width:0}.hotel-features-toggle{width:36px;height:20px;border-radius:10px;position:relative;cursor:pointer;transition:background-color .2s;flex-shrink:0}.hotel-features-toggle.on{background-color:#10b981}.hotel-features-toggle.off{background-color:#d1d5db}.hotel-features-toggle-knob{width:16px;height:16px;background-color:#fff;border-radius:50%;position:absolute;top:2px;transition:left .2s;box-shadow:0 1px 3px #0003}.hotel-features-toggle.on .hotel-features-toggle-knob{left:18px}.hotel-features-toggle.off .hotel-features-toggle-knob{left:2px}.hotel-features-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.hotel-features-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:90px}.hotel-features-btn-primary{background-color:#1f2937;color:#fff}.hotel-features-btn-primary:hover{background-color:#111827}.hotel-features-btn-secondary{background-color:#6b7280;color:#fff}.hotel-features-btn-secondary:hover{background-color:#4b5563}.hotel-features-toast{position:fixed;bottom:24px;right:24px;background-color:#10b981;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:300000;animation:slideIn .3s ease-out}.hotel-features-toast span{font-size:.875rem;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:1400px){.hotel-features-modal{max-width:95%}.hotel-features-header{padding:14px 20px}.hotel-features-header h3{font-size:1rem}.hotel-features-content{padding:14px 20px}.hotel-features-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.hotel-features-footer{padding:10px 20px}}@media(max-width:1199px){.hotel-features-header{padding:12px 16px}.hotel-features-header h3{font-size:.95rem}.hotel-features-header-left svg{width:20px;height:20px}.hotel-features-content{padding:12px 16px}.hotel-features-category-header{padding:10px 14px}.hotel-features-category-name{font-size:.813rem}.hotel-features-category-badge{font-size:.7rem;padding:2px 6px}.hotel-features-enable-btn,.hotel-features-disable-btn{padding:3px 6px;font-size:.65rem}.hotel-features-grid{padding:10px 14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.hotel-features-item{padding:6px 10px}.hotel-features-item-name{font-size:.7rem}.hotel-features-toggle{width:32px;height:18px}.hotel-features-toggle-knob{width:14px;height:14px}.hotel-features-toggle.on .hotel-features-toggle-knob{left:16px}.hotel-features-footer{padding:10px 16px}.hotel-features-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:1023px){.hotel-features-overlay{padding:.5rem}.hotel-features-modal{max-height:95vh;border-radius:10px}.hotel-features-header{padding:10px 14px}.hotel-features-header h3{font-size:.875rem}.hotel-features-header-left{gap:8px}.hotel-features-header-left svg{width:18px;height:18px}.hotel-features-close-btn{font-size:20px}.hotel-features-content{padding:10px 14px}.hotel-features-category{margin-bottom:12px;border-radius:6px}.hotel-features-category-header{padding:10px 12px;flex-wrap:wrap;gap:8px}.hotel-features-category-left{gap:8px}.hotel-features-category-left svg{width:16px;height:16px}.hotel-features-category-name{font-size:.75rem}.hotel-features-category-badge{font-size:.65rem}.hotel-features-category-actions{gap:6px}.hotel-features-enable-btn,.hotel-features-disable-btn{padding:3px 5px;font-size:.6rem}.hotel-features-grid{padding:10px 12px;grid-template-columns:repeat(2,1fr);gap:6px}.hotel-features-item{padding:6px 8px}.hotel-features-item-name{font-size:.65rem}.hotel-features-toggle{width:30px;height:16px}.hotel-features-toggle-knob{width:12px;height:12px}.hotel-features-toggle.on .hotel-features-toggle-knob{left:16px}.hotel-features-footer{padding:8px 14px;gap:8px}.hotel-features-btn{padding:7px 14px;font-size:.75rem;min-width:80px}.hotel-features-toast{bottom:16px;right:16px;padding:10px 16px;gap:8px}.hotel-features-toast span{font-size:.813rem}}@media(max-width:767px){.hotel-features-overlay{padding:0}.hotel-features-modal{max-width:100%;max-height:100vh;border-radius:0}.hotel-features-header{padding:10px 12px}.hotel-features-header h3{font-size:.813rem}.hotel-features-header-left{gap:6px}.hotel-features-header-left svg{width:16px;height:16px}.hotel-features-close-btn{font-size:18px}.hotel-features-content{padding:8px 12px}.hotel-features-category{margin-bottom:10px}.hotel-features-category-header{padding:8px 10px}.hotel-features-category-left{gap:6px}.hotel-features-category-left svg{width:14px;height:14px}.hotel-features-category-name{font-size:.7rem}.hotel-features-category-badge{font-size:.6rem;padding:1px 5px}.hotel-features-category-actions{gap:4px}.hotel-features-enable-btn,.hotel-features-disable-btn{padding:2px 4px;font-size:.55rem}.hotel-features-grid{padding:8px 10px;grid-template-columns:1fr;gap:6px}.hotel-features-item{padding:8px 10px}.hotel-features-item-name{font-size:.688rem}.hotel-features-toggle{width:32px;height:18px}.hotel-features-toggle-knob{width:14px;height:14px}.hotel-features-toggle.on .hotel-features-toggle-knob{left:16px}.hotel-features-footer{padding:8px 12px;gap:6px}.hotel-features-btn{padding:8px 14px;font-size:.75rem;min-width:75px}.hotel-features-toast{bottom:12px;right:12px;left:12px;padding:10px 14px}.hotel-features-toast span{font-size:.75rem}}@media(max-width:480px){.hotel-features-header{padding:8px 10px}.hotel-features-header h3{font-size:.75rem}.hotel-features-header-left svg{width:14px;height:14px}.hotel-features-close-btn{font-size:16px}.hotel-features-content{padding:6px 10px}.hotel-features-category{margin-bottom:8px}.hotel-features-category-header{padding:6px 8px}.hotel-features-category-left svg{width:12px;height:12px}.hotel-features-category-name{font-size:.65rem}.hotel-features-category-badge{font-size:.55rem;padding:1px 4px}.hotel-features-enable-btn,.hotel-features-disable-btn{padding:2px 3px;font-size:.5rem}.hotel-features-grid{padding:6px 8px;gap:4px}.hotel-features-item{padding:6px 8px}.hotel-features-item-name{font-size:.65rem}.hotel-features-toggle{width:28px;height:16px}.hotel-features-toggle-knob{width:12px;height:12px}.hotel-features-toggle.on .hotel-features-toggle-knob{left:14px}.hotel-features-footer{padding:6px 10px}.hotel-features-btn{padding:6px 12px;font-size:.7rem;min-width:70px}.hotel-features-toast{bottom:10px;right:10px;left:10px;padding:8px 12px}.hotel-features-toast span{font-size:.7rem}.hotel-features-toast svg{width:16px;height:16px}}.default-settings-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.default-settings-modal{background-color:#fff;border-radius:12px;width:95%;max-width:1000px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.default-settings-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.default-settings-header-left{display:flex;align-items:center;gap:12px}.default-settings-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.default-settings-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.default-settings-close-btn:hover{color:#1f2937}.default-settings-content{padding:16px 24px;flex:1;overflow-y:auto}.default-settings-section{margin-bottom:16px;border:1px solid #e5e7eb;border-radius:8px;overflow:visible}.default-settings-section-header{padding:12px 16px;background-color:#f9fafb;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.default-settings-section-left{display:flex;align-items:center;gap:12px}.default-settings-section-name{font-weight:600;color:#1f2937;font-size:.875rem}.default-settings-fields{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.default-settings-field{display:flex;flex-direction:column}.default-settings-field label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.default-settings-field input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;box-sizing:border-box}.default-settings-field input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.default-settings-toggle{width:36px;height:20px;border-radius:10px;position:relative;cursor:pointer;transition:background-color .2s;flex-shrink:0}.default-settings-toggle.on{background-color:#10b981}.default-settings-toggle.off{background-color:#d1d5db}.default-settings-toggle-knob{width:16px;height:16px;background-color:#fff;border-radius:50%;position:absolute;top:2px;transition:left .2s;box-shadow:0 1px 3px #0003}.default-settings-toggle.on .default-settings-toggle-knob{left:18px}.default-settings-toggle.off .default-settings-toggle-knob{left:2px}.default-settings-select{position:relative}.default-settings-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;cursor:pointer;background-color:#fff}.default-settings-select-trigger span{color:#374151}.default-settings-select-trigger span.placeholder{color:#9ca3af}.default-settings-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:4px;z-index:999999;box-shadow:0 8px 24px #0003;max-height:250px;overflow:hidden}.default-settings-select-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid #e5e7eb;font-size:.813rem;box-sizing:border-box;outline:none}.default-settings-select-options{max-height:150px;overflow-y:auto}.default-settings-select-option{padding:8px 10px;cursor:pointer;font-size:.813rem;transition:background-color .15s}.default-settings-select-option:hover,.default-settings-select-option.selected{background-color:#f3f4f6}.default-settings-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.default-settings-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:90px}.default-settings-btn-primary{background-color:#1f2937;color:#fff}.default-settings-btn-primary:hover{background-color:#111827}.default-settings-btn-secondary{background-color:#6b7280;color:#fff}.default-settings-btn-secondary:hover{background-color:#4b5563}.default-settings-toast{position:fixed;bottom:24px;right:24px;background-color:#10b981;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:300000;animation:slideInSettings .3s ease-out}.default-settings-toast span{font-size:.875rem;font-weight:500}@keyframes slideInSettings{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:1400px){.default-settings-modal{max-width:95%}.default-settings-header{padding:14px 20px}.default-settings-header h3{font-size:1rem}.default-settings-content{padding:14px 20px}.default-settings-fields{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.default-settings-footer{padding:10px 20px}}@media(max-width:1199px){.default-settings-header{padding:12px 16px}.default-settings-header h3{font-size:.95rem}.default-settings-header-left svg{width:20px;height:20px}.default-settings-content{padding:12px 16px}.default-settings-section-header{padding:10px 14px}.default-settings-section-left svg{width:16px;height:16px}.default-settings-section-name{font-size:.813rem}.default-settings-fields{padding:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.default-settings-field label{font-size:.7rem}.default-settings-field input,.default-settings-select-trigger{padding:7px 9px;font-size:.75rem}.default-settings-toggle{width:32px;height:18px}.default-settings-toggle-knob{width:14px;height:14px}.default-settings-toggle.on .default-settings-toggle-knob{left:16px}.default-settings-footer{padding:10px 16px}.default-settings-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:1023px){.default-settings-overlay{padding:.5rem}.default-settings-modal{max-height:95vh;border-radius:10px}.default-settings-header{padding:10px 14px}.default-settings-header h3{font-size:.875rem}.default-settings-header-left{gap:8px}.default-settings-header-left svg{width:18px;height:18px}.default-settings-close-btn{font-size:20px}.default-settings-content{padding:10px 14px}.default-settings-section{margin-bottom:12px;border-radius:6px}.default-settings-section-header{padding:10px 12px}.default-settings-section-left{gap:8px}.default-settings-section-left svg{width:14px;height:14px}.default-settings-section-name{font-size:.75rem}.default-settings-fields{padding:12px;grid-template-columns:repeat(2,1fr);gap:10px}.default-settings-field label{font-size:.65rem;margin-bottom:3px}.default-settings-field input,.default-settings-select-trigger,.default-settings-select-search,.default-settings-select-option{padding:6px 8px;font-size:.7rem}.default-settings-toggle{width:30px;height:16px}.default-settings-toggle-knob{width:12px;height:12px}.default-settings-toggle.on .default-settings-toggle-knob{left:16px}.default-settings-footer{padding:8px 14px;gap:8px}.default-settings-btn{padding:7px 14px;font-size:.75rem;min-width:80px}.default-settings-toast{bottom:16px;right:16px;padding:10px 16px;gap:8px}.default-settings-toast span{font-size:.813rem}}@media(max-width:767px){.default-settings-overlay{padding:0}.default-settings-modal{max-width:100%;max-height:100vh;border-radius:0}.default-settings-header{padding:10px 12px}.default-settings-header h3{font-size:.813rem}.default-settings-header-left{gap:6px}.default-settings-header-left svg{width:16px;height:16px}.default-settings-close-btn{font-size:18px}.default-settings-content{padding:8px 12px}.default-settings-section{margin-bottom:10px}.default-settings-section-header{padding:8px 10px}.default-settings-section-left{gap:6px}.default-settings-section-left svg{width:12px;height:12px}.default-settings-section-name{font-size:.7rem}.default-settings-fields{padding:10px;grid-template-columns:1fr;gap:10px}.default-settings-field label{font-size:.625rem}.default-settings-field input{padding:8px 10px;font-size:.688rem}.default-settings-select-trigger{padding:8px 10px;font-size:.688rem;min-height:36px}.default-settings-select-dropdown{max-height:200px}.default-settings-select-search{padding:8px 10px;font-size:.688rem}.default-settings-select-options{max-height:140px}.default-settings-select-option{padding:8px 10px;font-size:.688rem}.default-settings-toggle{width:32px;height:18px}.default-settings-toggle-knob{width:14px;height:14px}.default-settings-toggle.on .default-settings-toggle-knob{left:16px}.default-settings-footer{padding:8px 12px;gap:6px}.default-settings-btn{padding:8px 14px;font-size:.75rem;min-width:75px}.default-settings-toast{bottom:12px;right:12px;left:12px;padding:10px 14px}.default-settings-toast span{font-size:.75rem}}@media(max-width:480px){.default-settings-header{padding:8px 10px}.default-settings-header h3{font-size:.75rem}.default-settings-header-left svg{width:14px;height:14px}.default-settings-close-btn{font-size:16px}.default-settings-content{padding:6px 10px}.default-settings-section{margin-bottom:8px}.default-settings-section-header{padding:6px 8px}.default-settings-section-left svg{width:10px;height:10px}.default-settings-section-name{font-size:.65rem}.default-settings-fields{padding:8px;gap:8px}.default-settings-field label{font-size:.6rem}.default-settings-field input{padding:6px 8px;font-size:.65rem}.default-settings-select-trigger{padding:6px 8px;font-size:.65rem;min-height:32px}.default-settings-select-search,.default-settings-select-option{padding:6px 8px;font-size:.65rem}.default-settings-toggle{width:28px;height:16px}.default-settings-toggle-knob{width:12px;height:12px}.default-settings-toggle.on .default-settings-toggle-knob{left:14px}.default-settings-footer{padding:6px 10px}.default-settings-btn{padding:6px 12px;font-size:.7rem;min-width:70px}.default-settings-toast{bottom:10px;right:10px;left:10px;padding:8px 12px}.default-settings-toast span{font-size:.7rem}.default-settings-toast svg{width:16px;height:16px}}.user-mgmt-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.user-mgmt-modal{background-color:#fff;border-radius:12px;width:95%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.user-mgmt-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.user-mgmt-header-left{display:flex;align-items:center;gap:12px}.user-mgmt-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.user-mgmt-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.user-mgmt-close-btn:hover{color:#1f2937}.user-mgmt-content{padding:20px 24px;flex:1;overflow-y:auto}.user-content-container{padding:0;background-color:transparent}.user-content-container.standalone{padding:24px;background-color:#f9fafb;min-height:100vh}.user-table-container{background-color:#fff;border-radius:8px;overflow:hidden}.user-table-container.with-shadow{box-shadow:0 1px 3px #0000001a}.user-toolbar{padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.user-toolbar-left{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.user-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.user-add-btn:hover{background-color:#111827}.user-search-box{position:relative}.user-search-box svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af}.user-search-input{padding:8px 10px 8px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;width:250px}.user-search-input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.user-count{font-size:.875rem;color:#6b7280}.user-table-wrapper{overflow-x:auto}.user-table{width:100%;border-collapse:collapse}.user-table thead tr{background-color:#f9fafb}.user-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.user-table th.center{text-align:center}.user-table tbody tr{border-bottom:1px solid #e5e7eb}.user-table tbody tr:hover{background-color:#f9fafb}.user-table td{padding:12px 16px;font-size:.875rem;color:#374151}.user-table td.id{color:#374151}.user-table td.code{color:#6b7280;font-family:monospace}.user-table td.name{color:#1f2937;font-weight:500}.user-table td.actions{text-align:center}.user-table td.empty{padding:24px;text-align:center;color:#6b7280}.user-role-badge{padding:4px 8px;background-color:#e5e7eb;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.user-status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.user-status-badge.active{background-color:#dcfce7;color:#166534}.user-status-badge.inactive{background-color:#fee2e2;color:#991b1b}.user-action-btn{padding:6px;background:none;border:none;cursor:pointer;color:#374151;transition:color .2s}.user-action-btn:hover{color:#1f2937}.user-action-btn.delete:hover{color:#ef4444}.user-pagination{padding:12px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.user-pagination-info{font-size:.875rem;color:#6b7280}.user-pagination-buttons{display:flex;gap:4px}.user-pagination-btn{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;font-size:.875rem;color:#374151;transition:all .2s}.user-pagination-btn:hover:not(:disabled){background-color:#f3f4f6}.user-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.user-pagination-btn.active{background-color:#1f2937;color:#fff;border-color:#1f2937}.user-sub-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300000;display:flex;align-items:center;justify-content:center;padding:1rem}.user-form-modal{background-color:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.user-form-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.user-form-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.user-form-modal-header button{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px}.user-form-modal-header button:hover{color:#1f2937}.user-form-modal-body{padding:24px;flex:1;overflow-y:auto}.user-form-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.user-form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.user-form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.user-form-grid-2:last-child{margin-bottom:0}.user-form-field{display:flex;flex-direction:column}.user-form-field label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.user-form-field input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box}.user-form-field input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.user-search-select{position:relative}.user-search-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer;background-color:#fff}.user-search-select-trigger span{color:#374151}.user-search-select-trigger span.placeholder{color:#9ca3af}.user-search-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:4px;z-index:9999;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow:hidden}.user-search-select-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid #e5e7eb;font-size:.875rem;box-sizing:border-box;outline:none}.user-search-select-options{max-height:150px;overflow-y:auto}.user-search-select-option{padding:8px 10px;cursor:pointer;font-size:.875rem;transition:background-color .15s}.user-search-select-option:hover,.user-search-select-option.selected{background-color:#f3f4f6}.user-delete-modal{background-color:#fff;border-radius:12px;width:400px;max-width:90%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.user-delete-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.user-delete-modal-icon{width:40px;height:40px;border-radius:50%;background-color:#fef2f2;display:flex;align-items:center;justify-content:center}.user-delete-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.user-delete-modal-body{padding:20px 24px}.user-delete-modal-body p{margin:0;font-size:.875rem;color:#6b7280;line-height:1.5}.user-delete-modal-footer{padding:12px 24px;background-color:#f9fafb;display:flex;justify-content:flex-end;gap:12px}.user-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:90px}.user-btn-primary{background-color:#1f2937;color:#fff}.user-btn-primary:hover{background-color:#111827}.user-btn-secondary{background-color:#6b7280;color:#fff}.user-btn-secondary:hover{background-color:#4b5563}.user-btn-outline{background-color:#fff;color:#374151;border:1px solid #d1d5db}.user-btn-outline:hover{background-color:#f3f4f6}.user-btn-danger{background-color:#ef4444;color:#fff}.user-btn-danger:hover{background-color:#dc2626}.user-toast{position:fixed;bottom:24px;right:24px;background-color:#10b981;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:400000;animation:userSlideIn .3s ease-out}.user-toast span{font-size:.875rem;font-weight:500}@keyframes userSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:1400px){.user-mgmt-modal{max-width:95%}.user-mgmt-header{padding:14px 20px}.user-mgmt-header h3{font-size:1rem}.user-mgmt-content{padding:16px 20px}.user-search-input{width:220px}.user-form-modal{max-width:650px}}@media(max-width:1199px){.user-mgmt-header{padding:12px 16px}.user-mgmt-header h3{font-size:.95rem}.user-mgmt-header-left svg{width:20px;height:20px}.user-mgmt-content{padding:14px 16px}.user-toolbar{padding:10px 14px}.user-add-btn{padding:8px 16px;font-size:.813rem}.user-search-input{width:200px;font-size:.813rem}.user-count{font-size:.813rem}.user-table th,.user-table td{padding:10px 12px;font-size:.75rem}.user-pagination{padding:10px 14px}.user-pagination-info{font-size:.813rem}.user-pagination-btn{padding:5px 8px;font-size:.813rem}.user-form-modal{max-width:600px}.user-form-modal-header{padding:12px 20px}.user-form-modal-header h3{font-size:1rem}.user-form-modal-body{padding:20px}.user-form-modal-footer{padding:12px 20px}.user-form-field label{font-size:.7rem}.user-form-field input{padding:7px 9px;font-size:.813rem}.user-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:1023px){.user-mgmt-overlay{padding:.5rem}.user-mgmt-modal{max-height:95vh;border-radius:10px}.user-mgmt-header{padding:10px 14px}.user-mgmt-header h3{font-size:.875rem}.user-mgmt-header-left{gap:8px}.user-mgmt-header-left svg{width:18px;height:18px}.user-mgmt-close-btn{font-size:20px}.user-mgmt-content{padding:12px 14px}.user-toolbar{padding:10px 12px;gap:10px}.user-toolbar-left{gap:8px}.user-add-btn{padding:7px 14px;font-size:.75rem}.user-add-btn svg{width:16px;height:16px}.user-search-input{width:180px;padding:7px 8px 7px 32px;font-size:.75rem}.user-search-box svg{width:16px;height:16px}.user-count{font-size:.75rem}.user-table th,.user-table td{padding:8px 10px;font-size:.7rem}.user-role-badge,.user-status-badge{padding:3px 6px;font-size:.65rem}.user-action-btn{padding:4px}.user-action-btn svg{width:14px;height:14px}.user-pagination{padding:8px 12px;gap:8px}.user-pagination-info{font-size:.75rem}.user-pagination-btn{padding:4px 8px;font-size:.75rem}.user-sub-modal-overlay{padding:.5rem}.user-form-modal{max-width:95%;max-height:95vh;border-radius:10px}.user-form-modal-header{padding:10px 16px}.user-form-modal-header h3{font-size:.875rem}.user-form-modal-body{padding:16px}.user-form-grid-3{grid-template-columns:repeat(2,1fr);gap:12px}.user-form-grid-2{gap:12px}.user-form-field label{font-size:.65rem}.user-form-field input,.user-search-select-trigger,.user-search-select-search,.user-search-select-option{padding:6px 8px;font-size:.75rem}.user-form-modal-footer{padding:10px 16px;gap:8px}.user-delete-modal{width:350px}.user-delete-modal-header{padding:16px 20px;gap:10px}.user-delete-modal-icon{width:36px;height:36px}.user-delete-modal-header h3{font-size:.875rem}.user-delete-modal-body{padding:16px 20px}.user-delete-modal-body p{font-size:.813rem}.user-delete-modal-footer{padding:10px 20px;gap:8px}.user-btn{padding:7px 14px;font-size:.75rem;min-width:80px}.user-toast{bottom:16px;right:16px;padding:10px 16px;gap:8px}.user-toast span{font-size:.813rem}}@media(max-width:767px){.user-mgmt-overlay{padding:0}.user-mgmt-modal{max-width:100%;max-height:100vh;border-radius:0}.user-mgmt-header{padding:10px 12px}.user-mgmt-header h3{font-size:.813rem}.user-mgmt-header-left{gap:6px}.user-mgmt-header-left svg{width:16px;height:16px}.user-mgmt-close-btn{font-size:18px}.user-mgmt-content{padding:10px 12px}.user-toolbar{padding:10px;flex-direction:column;align-items:stretch;gap:10px}.user-toolbar-left{flex-direction:column;gap:8px}.user-add-btn{justify-content:center;padding:10px 16px;font-size:.75rem}.user-search-box{width:100%}.user-search-input{width:100%;padding:10px 10px 10px 36px;font-size:.75rem}.user-count{text-align:center;font-size:.7rem}.user-table th,.user-table td{padding:8px;font-size:.65rem}.user-table th{min-width:80px}.user-role-badge,.user-status-badge{padding:2px 5px;font-size:.6rem}.user-action-btn{padding:4px}.user-action-btn svg{width:12px;height:12px}.user-pagination{padding:8px 10px;flex-direction:column;gap:8px}.user-pagination-info{font-size:.7rem;text-align:center}.user-pagination-buttons{justify-content:center;flex-wrap:wrap}.user-pagination-btn{padding:6px 10px;font-size:.7rem}.user-sub-modal-overlay{padding:0}.user-form-modal{max-width:100%;max-height:100vh;border-radius:0}.user-form-modal-header{padding:10px 12px}.user-form-modal-header h3{font-size:.813rem}.user-form-modal-body{padding:12px}.user-form-grid-3,.user-form-grid-2{grid-template-columns:1fr;gap:12px}.user-form-field label{font-size:.625rem}.user-form-field input{padding:8px 10px;font-size:.75rem}.user-search-select-trigger{padding:8px 10px;font-size:.75rem;min-height:36px}.user-search-select-search,.user-search-select-option{padding:8px 10px;font-size:.75rem}.user-form-modal-footer{padding:10px 12px;gap:6px}.user-delete-modal{width:90%;border-radius:10px}.user-delete-modal-header{padding:14px 16px}.user-delete-modal-icon{width:32px;height:32px}.user-delete-modal-icon svg{width:16px;height:16px}.user-delete-modal-header h3{font-size:.813rem}.user-delete-modal-body{padding:14px 16px}.user-delete-modal-body p{font-size:.75rem}.user-delete-modal-footer{padding:10px 16px}.user-btn{padding:8px 14px;font-size:.75rem;min-width:75px}.user-toast{bottom:12px;right:12px;left:12px;padding:10px 14px}.user-toast span{font-size:.75rem}}@media(max-width:480px){.user-mgmt-header{padding:8px 10px}.user-mgmt-header h3{font-size:.75rem}.user-mgmt-header-left svg{width:14px;height:14px}.user-mgmt-close-btn{font-size:16px}.user-mgmt-content{padding:8px 10px}.user-toolbar{padding:8px}.user-add-btn{padding:8px 14px;font-size:.7rem}.user-add-btn svg{width:14px;height:14px}.user-search-input{padding:8px 8px 8px 32px;font-size:.7rem}.user-search-box svg{width:14px;height:14px}.user-count{font-size:.65rem}.user-table th,.user-table td{padding:6px;font-size:.6rem}.user-table th{min-width:60px}.user-role-badge,.user-status-badge{padding:2px 4px;font-size:.55rem}.user-action-btn svg{width:10px;height:10px}.user-pagination-info{font-size:.65rem}.user-pagination-btn{padding:4px 8px;font-size:.65rem}.user-form-modal-header{padding:8px 10px}.user-form-modal-header h3{font-size:.75rem}.user-form-modal-body{padding:10px}.user-form-grid-3,.user-form-grid-2{gap:10px}.user-form-field label{font-size:.6rem}.user-form-field input{padding:6px 8px;font-size:.7rem}.user-search-select-trigger{padding:6px 8px;font-size:.7rem;min-height:32px}.user-search-select-search,.user-search-select-option{padding:6px 8px;font-size:.7rem}.user-form-modal-footer{padding:8px 10px}.user-delete-modal-header{padding:12px 14px}.user-delete-modal-icon{width:28px;height:28px}.user-delete-modal-icon svg{width:14px;height:14px}.user-delete-modal-header h3{font-size:.75rem}.user-delete-modal-body{padding:12px 14px}.user-delete-modal-body p{font-size:.7rem}.user-delete-modal-footer{padding:8px 14px}.user-btn{padding:6px 12px;font-size:.7rem;min-width:70px}.user-toast{bottom:10px;right:10px;left:10px;padding:8px 12px}.user-toast span{font-size:.7rem}.user-toast svg{width:16px;height:16px}}.roles-permissions-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.roles-permissions-modal{background-color:#fff;border-radius:12px;width:95%;max-width:1000px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.roles-permissions-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.roles-permissions-header-left{display:flex;align-items:center;gap:12px}.roles-permissions-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.roles-permissions-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.roles-permissions-close-btn:hover{color:#1f2937}.roles-permissions-content{padding:20px 24px;flex:1;overflow-y:auto}.roles-content-container{padding:0;background-color:transparent}.roles-content-container.standalone{padding:24px;background-color:#f9fafb;min-height:100vh}.roles-toolbar{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.roles-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.roles-add-btn:hover{background-color:#111827}.roles-count{font-size:.875rem;color:#6b7280}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.role-card{border-radius:12px;padding:20px;cursor:pointer;position:relative;color:#fff;transition:transform .2s,box-shadow .2s;min-height:100px;display:flex;flex-direction:column;justify-content:flex-end}.role-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.role-card-delete{position:absolute;top:8px;right:8px;background:#fff3;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background-color .2s}.role-card-delete:hover{background:#ffffff4d}.role-card h3{margin:0 0 4px;font-size:1.125rem;font-weight:600}.role-card p{margin:0;font-size:.875rem;opacity:.9}.roles-sub-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300000;display:flex;align-items:center;justify-content:center;padding:1rem}.role-form-modal{background-color:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.role-form-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.role-form-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.role-form-modal-header button{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px}.role-form-modal-header button:hover{color:#1f2937}.role-form-modal-body{padding:24px;flex:1;overflow-y:auto}.role-form-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.role-form-grid{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:24px}.role-form-field{display:flex;flex-direction:column}.role-form-field label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.role-form-field input[type=text]{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box}.role-form-field input[type=text]:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a}.role-form-field input[type=color]{width:50px;height:36px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.permissions-container{background-color:#f9fafb;border-radius:8px;padding:16px}.permissions-container h4{margin:0 0 16px;font-size:.875rem;font-weight:600;color:#1f2937}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.permission-group{background-color:#fff;border-radius:8px;padding:12px;border:1px solid #e5e7eb}.permission-group h5{margin:0 0 8px;font-size:.813rem;font-weight:600;color:#374151}.permission-list{display:flex;flex-direction:column;gap:6px}.permission-item{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.813rem;color:#4b5563}.permission-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.role-delete-modal{background-color:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;text-align:center;box-shadow:0 25px 50px -12px #00000040}.role-delete-modal h3{margin:0 0 12px;font-size:1.125rem;font-weight:600;color:#1f2937}.role-delete-modal p{margin:0 0 20px;font-size:.875rem;color:#6b7280}.role-delete-modal-actions{display:flex;justify-content:center;gap:12px}.roles-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:90px}.roles-btn-primary{background-color:#1f2937;color:#fff}.roles-btn-primary:hover{background-color:#111827}.roles-btn-secondary{background-color:#6b7280;color:#fff}.roles-btn-secondary:hover{background-color:#4b5563}.roles-btn-danger{background-color:#ef4444;color:#fff}.roles-btn-danger:hover{background-color:#dc2626}@media(max-width:1400px){.roles-permissions-modal{max-width:95%}.roles-permissions-header{padding:14px 20px}.roles-permissions-header h3{font-size:1rem}.roles-permissions-content{padding:16px 20px}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.role-card{padding:16px;min-height:90px}.role-form-modal{max-width:650px}.permissions-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}}@media(max-width:1199px){.roles-permissions-header{padding:12px 16px}.roles-permissions-header h3{font-size:.95rem}.roles-permissions-header-left svg{width:20px;height:20px}.roles-permissions-content{padding:14px 16px}.roles-add-btn{padding:8px 16px;font-size:.813rem}.roles-count{font-size:.813rem}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.role-card{padding:14px;min-height:80px;border-radius:10px}.role-card h3{font-size:1rem}.role-card p{font-size:.813rem}.role-card-delete{width:24px;height:24px}.role-form-modal{max-width:600px}.role-form-modal-header{padding:12px 20px}.role-form-modal-header h3{font-size:1rem}.role-form-modal-body{padding:20px}.role-form-modal-footer{padding:12px 20px}.permissions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.permission-group{padding:10px}.permission-group h5,.permission-item{font-size:.75rem}.roles-btn{padding:8px 16px;font-size:.813rem}}@media(max-width:1023px){.roles-permissions-overlay{padding:.5rem}.roles-permissions-modal{max-height:95vh;border-radius:10px}.roles-permissions-header{padding:10px 14px}.roles-permissions-header h3{font-size:.875rem}.roles-permissions-header-left{gap:8px}.roles-permissions-header-left svg{width:18px;height:18px}.roles-permissions-close-btn{font-size:20px}.roles-permissions-content{padding:12px 14px}.roles-toolbar{margin-bottom:12px}.roles-add-btn{padding:7px 14px;font-size:.75rem}.roles-add-btn svg{width:16px;height:16px}.roles-count{font-size:.75rem}.roles-grid{grid-template-columns:repeat(3,1fr);gap:10px}.role-card{padding:12px;min-height:70px;border-radius:8px}.role-card h3{font-size:.875rem}.role-card p{font-size:.75rem}.role-card-delete{width:22px;height:22px;top:6px;right:6px}.role-card-delete svg{width:14px;height:14px}.roles-sub-modal-overlay{padding:.5rem}.role-form-modal{max-width:95%;max-height:95vh;border-radius:10px}.role-form-modal-header{padding:10px 16px}.role-form-modal-header h3{font-size:.875rem}.role-form-modal-body{padding:16px}.role-form-grid{gap:12px;margin-bottom:20px}.role-form-field label{font-size:.7rem}.role-form-field input[type=text]{padding:7px 9px;font-size:.813rem}.role-form-field input[type=color]{width:44px;height:32px}.permissions-container{padding:12px}.permissions-container h4{font-size:.813rem;margin-bottom:12px}.permissions-grid{grid-template-columns:repeat(2,1fr);gap:10px}.permission-group{padding:10px}.permission-group h5{font-size:.7rem}.permission-item{font-size:.7rem;gap:6px}.permission-item input[type=checkbox]{width:14px;height:14px}.role-form-modal-footer{padding:10px 16px;gap:8px}.role-delete-modal{padding:20px;max-width:350px}.role-delete-modal h3{font-size:1rem}.role-delete-modal p{font-size:.813rem;margin-bottom:16px}.roles-btn{padding:7px 14px;font-size:.75rem;min-width:80px}}@media(max-width:767px){.roles-permissions-overlay{padding:0}.roles-permissions-modal{max-width:100%;max-height:100vh;border-radius:0}.roles-permissions-header{padding:10px 12px}.roles-permissions-header h3{font-size:.813rem}.roles-permissions-header-left{gap:6px}.roles-permissions-header-left svg{width:16px;height:16px}.roles-permissions-close-btn{font-size:18px}.roles-permissions-content{padding:10px 12px}.roles-toolbar{flex-direction:column;align-items:stretch;gap:8px}.roles-add-btn{justify-content:center;padding:10px 16px;font-size:.75rem}.roles-count{text-align:center;font-size:.7rem}.roles-grid{grid-template-columns:repeat(2,1fr);gap:8px}.role-card{padding:12px;min-height:65px}.role-card h3{font-size:.813rem}.role-card p{font-size:.688rem}.role-card-delete{width:20px;height:20px;top:4px;right:4px}.role-card-delete svg{width:12px;height:12px}.roles-sub-modal-overlay{padding:0}.role-form-modal{max-width:100%;max-height:100vh;border-radius:0}.role-form-modal-header{padding:10px 12px}.role-form-modal-header h3{font-size:.813rem}.role-form-modal-body{padding:12px}.role-form-grid{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.role-form-field label{font-size:.65rem}.role-form-field input[type=text]{padding:8px 10px;font-size:.75rem}.role-form-field input[type=color]{width:100%;height:40px}.permissions-container{padding:10px}.permissions-container h4{font-size:.75rem;margin-bottom:10px}.permissions-grid{grid-template-columns:1fr;gap:8px}.permission-group{padding:10px}.permission-group h5{font-size:.688rem}.permission-list{gap:8px}.permission-item{font-size:.688rem;gap:8px}.permission-item input[type=checkbox]{width:16px;height:16px}.role-form-modal-footer{padding:10px 12px;gap:6px}.role-delete-modal{padding:16px;max-width:90%;border-radius:10px}.role-delete-modal h3{font-size:.875rem}.role-delete-modal p{font-size:.75rem;margin-bottom:14px}.role-delete-modal-actions{gap:8px}.roles-btn{padding:8px 14px;font-size:.75rem;min-width:75px}}@media(max-width:480px){.roles-permissions-header{padding:8px 10px}.roles-permissions-header h3{font-size:.75rem}.roles-permissions-header-left svg{width:14px;height:14px}.roles-permissions-close-btn{font-size:16px}.roles-permissions-content{padding:8px 10px}.roles-add-btn{padding:8px 14px;font-size:.7rem}.roles-add-btn svg{width:14px;height:14px}.roles-count{font-size:.65rem}.roles-grid{grid-template-columns:repeat(2,1fr);gap:6px}.role-card{padding:10px;min-height:60px;border-radius:6px}.role-card h3{font-size:.75rem}.role-card p{font-size:.625rem}.role-card-delete{width:18px;height:18px}.role-card-delete svg{width:10px;height:10px}.role-form-modal-header{padding:8px 10px}.role-form-modal-header h3{font-size:.75rem}.role-form-modal-body{padding:10px}.role-form-grid{gap:10px;margin-bottom:14px}.role-form-field label{font-size:.6rem}.role-form-field input[type=text]{padding:6px 8px;font-size:.7rem}.role-form-field input[type=color]{height:36px}.permissions-container{padding:8px}.permissions-container h4{font-size:.7rem;margin-bottom:8px}.permissions-grid{gap:6px}.permission-group{padding:8px}.permission-group h5{font-size:.65rem;margin-bottom:6px}.permission-list{gap:6px}.permission-item{font-size:.65rem;gap:6px}.permission-item input[type=checkbox]{width:14px;height:14px}.role-form-modal-footer{padding:8px 10px}.role-delete-modal{padding:14px}.role-delete-modal h3{font-size:.813rem}.role-delete-modal p{font-size:.7rem;margin-bottom:12px}.roles-btn{padding:6px 12px;font-size:.7rem;min-width:70px}}.settings-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200000;display:flex;align-items:center;justify-content:center;padding:1rem}.settings-modal{background-color:#fff;border-radius:12px;width:95%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.settings-modal.large{max-width:1100px}.settings-modal.medium{max-width:700px}.settings-modal.small{max-width:500px}.settings-modal.xsmall{max-width:400px}.settings-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.settings-modal-header-left{display:flex;align-items:center;gap:12px}.settings-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.settings-modal-close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#6b7280;line-height:1;padding:4px;display:flex;align-items:center;justify-content:center}.settings-modal-close-btn:hover{color:#374151}.settings-modal-content{padding:20px 24px;overflow-y:auto;flex:1}.settings-modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.settings-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s ease}.settings-btn-primary{background-color:#1f2937;color:#fff}.settings-btn-primary:hover{background-color:#374151}.settings-btn-secondary{background-color:#6b7280;color:#fff}.settings-btn-secondary:hover{background-color:#4b5563}.settings-btn-danger{background-color:#ef4444;color:#fff}.settings-btn-danger:hover{background-color:#dc2626}.settings-btn-outline{background-color:#fff;color:#374151;border:1px solid #d1d5db}.settings-btn-outline:hover{background-color:#f3f4f6}.settings-add-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.813rem;font-weight:500;cursor:pointer;margin-bottom:16px}.settings-add-btn:hover{background-color:#374151}.settings-table-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.settings-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-table{width:100%;border-collapse:collapse;min-width:600px}.settings-table th,.settings-table td{padding:12px 16px;text-align:left;font-size:.813rem;border-bottom:1px solid #e5e7eb}.settings-table th{background-color:#f9fafb;font-weight:600;color:#374151;font-size:.75rem;white-space:nowrap}.settings-table td{color:#1f2937}.settings-table tr:last-child td{border-bottom:none}.settings-table-actions{text-align:center;white-space:nowrap}.settings-table-action-btn{padding:6px;background:none;border:none;cursor:pointer;color:#374151;display:inline-flex;align-items:center;justify-content:center}.settings-table-action-btn:hover{color:#1f2937}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-form-row.three-cols{grid-template-columns:1fr 1fr 1fr}.settings-form-row.four-cols{grid-template-columns:1fr 1fr 1fr 1fr}.settings-form-group{display:flex;flex-direction:column}.settings-form-group.full-width{grid-column:1 / -1}.settings-form-label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.settings-form-input,.settings-form-select,.settings-form-textarea{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;box-sizing:border-box;background-color:#fff}.settings-form-input:focus,.settings-form-select:focus,.settings-form-textarea:focus{outline:none;border-color:#1f2937}.settings-form-textarea{resize:vertical;min-height:80px}.settings-search-select{position:relative}.settings-search-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;cursor:pointer;background-color:#fff}.settings-search-select-trigger span{color:#374151}.settings-search-select-trigger span.placeholder{color:#9ca3af}.settings-search-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:4px;z-index:9999;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow:hidden}.settings-search-select-input{width:100%;padding:8px 10px;border:none;border-bottom:1px solid #e5e7eb;font-size:.813rem;box-sizing:border-box;outline:none}.settings-search-select-options{max-height:150px;overflow-y:auto}.settings-search-select-option{padding:8px 10px;cursor:pointer;font-size:.813rem;transition:background-color .15s ease}.settings-search-select-option:hover,.settings-search-select-option.selected{background-color:#f3f4f6}.settings-checkbox-group{display:flex;align-items:center;gap:8px}.settings-checkbox{width:16px;height:16px;accent-color:#1f2937}.settings-checkbox-label{font-size:.813rem;color:#374151}.settings-delete-modal-content{display:flex;align-items:center;gap:12px;padding-bottom:16px}.settings-delete-icon{width:40px;height:40px;border-radius:50%;background-color:#fef2f2;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-delete-message{margin:0;font-size:.875rem;color:#6b7280;line-height:1.5}.settings-toast{position:fixed;bottom:24px;right:24px;background-color:#10b981;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:300000;animation:settingsToastSlideIn .3s ease-out}@keyframes settingsToastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.settings-toast span{font-size:.875rem;font-weight:500}.settings-tabs{display:flex;gap:4px;border-bottom:1px solid #e5e7eb;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tab{padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;font-size:.813rem;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .15s ease}.settings-tab:hover{color:#374151}.settings-tab.active{color:#1f2937;border-bottom-color:#1f2937}.settings-status-badge{display:inline-block;padding:4px 8px;border-radius:9999px;font-size:.75rem;font-weight:500}.settings-status-badge.active{background-color:#dcfce7;color:#16a34a}.settings-status-badge.inactive{background-color:#f3f4f6;color:#6b7280}@media(max-width:768px){.settings-modal-overlay{padding:.5rem}.settings-modal{width:100%;max-width:100%;max-height:95vh;border-radius:8px}.settings-modal-header{padding:12px 16px}.settings-modal-header h3{font-size:1rem}.settings-modal-content{padding:16px}.settings-modal-footer{padding:12px 16px}.settings-form-row,.settings-form-row.three-cols,.settings-form-row.four-cols{grid-template-columns:1fr}.settings-table{min-width:500px}.settings-table th,.settings-table td{padding:10px 12px;font-size:.75rem}.settings-btn,.settings-add-btn{padding:8px 12px;font-size:.75rem}.settings-toast{bottom:16px;right:16px;left:16px;padding:10px 16px}.settings-tabs{gap:2px}.settings-tab{padding:8px 12px;font-size:.75rem}}@media(max-width:480px){.settings-modal-overlay{padding:0}.settings-modal{border-radius:0;max-height:100vh;height:100vh}.settings-modal-header{padding:12px}.settings-modal-header h3{font-size:.9375rem}.settings-modal-header-left{gap:8px}.settings-modal-header-left svg{width:20px;height:20px}.settings-modal-content{padding:12px}.settings-modal-footer{padding:10px 12px;flex-wrap:wrap}.settings-form-label{font-size:.6875rem}.settings-form-input,.settings-form-select,.settings-form-textarea,.settings-search-select-trigger{padding:6px 8px;font-size:.75rem}.settings-table{min-width:400px}.settings-table th,.settings-table td{padding:8px 10px;font-size:.6875rem}.settings-btn{padding:6px 10px;font-size:.6875rem}.settings-add-btn{padding:6px 10px;font-size:.6875rem;width:100%;justify-content:center}.settings-delete-modal-content{flex-direction:column;text-align:center}.settings-delete-message{font-size:.8125rem}.settings-tab{padding:6px 10px;font-size:.6875rem}.settings-checkbox-label{font-size:.75rem}}.responsive-modal-overlay{position:fixed!important;inset:0!important;background-color:#00000080!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;box-sizing:border-box!important}.responsive-modal-content{background-color:#fff!important;border-radius:12px!important;max-height:90vh!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000040!important;display:flex!important;flex-direction:column!important;width:95%!important}.responsive-modal-content.size-large{max-width:1100px!important}.responsive-modal-content.size-default{max-width:900px!important}.responsive-modal-content.size-medium{max-width:650px!important}.responsive-modal-content.size-small{max-width:500px!important}.responsive-modal-content.size-xsmall{max-width:400px!important}@media(max-width:768px){.responsive-modal-overlay{padding:.5rem!important}.responsive-modal-content{width:100%!important;max-width:100%!important;border-radius:8px!important}.responsive-modal-content.size-large,.responsive-modal-content.size-default,.responsive-modal-content.size-medium,.responsive-modal-content.size-small,.responsive-modal-content.size-xsmall{max-width:100%!important}}@media(max-width:480px){.responsive-modal-overlay{padding:0!important}.responsive-modal-content,.responsive-modal-content.size-large,.responsive-modal-content.size-default,.responsive-modal-content.size-medium,.responsive-modal-content.size-small,.responsive-modal-content.size-xsmall{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}}.settings-toggle-switch{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.settings-toggle-switch span{font-size:.813rem;color:#374151}.settings-toggle-track{width:36px;height:20px;border-radius:10px;position:relative;cursor:pointer;transition:background-color .2s;flex-shrink:0}.settings-toggle-track.active{background-color:#10b981}.settings-toggle-track.inactive{background-color:#d1d5db}.settings-toggle-thumb{width:16px;height:16px;background-color:#fff;border-radius:50%;position:absolute;top:2px;transition:left .2s;box-shadow:0 1px 3px #0003}.settings-toggle-thumb.active{left:18px}.settings-toggle-thumb.inactive{left:2px}@media(max-width:480px){.settings-toggle-switch span{font-size:.75rem}.settings-toggle-track{width:32px;height:18px}.settings-toggle-thumb{width:14px;height:14px}.settings-toggle-thumb.active{left:16px}}.settings-options-box{background-color:#f9fafb;border-radius:8px;padding:12px}.settings-options-box h4{margin:0 0 8px;font-size:.813rem;font-weight:600;color:#374151}.settings-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}@media(max-width:480px){.settings-options-box{padding:10px}.settings-options-box h4{font-size:.75rem}.settings-options-grid{grid-template-columns:1fr;gap:4px}}.accounting-programs-modal{width:900px;max-width:95vw;max-height:85vh;overflow:visible;border-radius:12px}.accounting-programs-modal .blur-modal-body{overflow-x:auto;overflow-y:auto}.accounting-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.accounting-toolbar .search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;flex:1;max-width:300px}.accounting-toolbar .search-box svg{color:#9ca3af}.accounting-toolbar .search-box input{border:none;outline:none;font-size:.85rem;color:#1f2937;width:100%}.accounting-toolbar .search-box input::placeholder{color:#9ca3af}.accounting-toolbar .add-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#1f2937;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap;flex-shrink:0;min-width:fit-content}.accounting-toolbar .add-btn:hover{background:#fff;color:#1f2937;border:1px solid #1f2937}.accounting-table-container{overflow-x:auto}.accounting-table{width:100%;border-collapse:collapse}.accounting-table th,.accounting-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e5e7eb}.accounting-table th{background:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}.accounting-table td{font-size:.85rem;color:#1f2937}.accounting-table tbody tr:hover{background:#f9fafb}.accounting-table .empty-row{text-align:center;color:#9ca3af;padding:24px}.integrator-name{display:flex;align-items:center;gap:8px}.default-badge{display:inline-block;padding:2px 6px;background:#dbeafe;color:#1d4ed8;font-size:.65rem;font-weight:500;border-radius:4px}.api-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.8rem;color:#6b7280}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.actions-cell{display:flex;gap:6px}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.action-btn.edit{background:transparent;color:#1f2937}.action-btn.edit:hover{background:transparent;opacity:.7}.action-btn.delete{background:transparent;color:#1f2937}.action-btn.delete:hover{background:transparent;opacity:.7}.add-edit-accounting-modal{width:550px;max-width:95vw;overflow:visible!important;border-radius:16px!important}.add-edit-accounting-modal .blur-modal-header{border-radius:16px 16px 0 0}.add-edit-accounting-modal .blur-modal-footer{border-radius:0 0 16px 16px}.add-edit-accounting-modal .blur-modal-body{overflow:visible!important}.add-edit-accounting-modal .blur-modal-header,.add-edit-accounting-modal .blur-modal-footer{position:relative;z-index:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .form-group{display:flex;flex-direction:column;gap:6px}.form-grid .form-group.full-width{grid-column:1 / -1}.blur-modal-body>.form-group{display:flex;flex-direction:column;gap:6px;border:none}.blur-modal-body>.form-group label{font-size:.8rem;font-weight:500;color:#374151}.blur-modal-body>.form-group label .required{color:#dc2626}.form-grid .form-group label{font-size:.8rem;font-weight:500;color:#374151}.form-grid .form-group label .required{color:#dc2626}.form-grid .form-group input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;color:#1f2937;outline:none;transition:border-color .2s}.form-grid .form-group input:focus{border-color:#3b82f6}.form-grid .form-group input::placeholder{color:#9ca3af}.select-container{position:relative}.select-input{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:.85rem;color:#1f2937}.select-input svg{color:#9ca3af}.select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:999999;overflow:hidden}.select-option{padding:10px 12px;font-size:.85rem;color:#374151;cursor:pointer;transition:background .15s}.select-option:hover{background:#f3f4f6}.select-option.selected{background:#eff6ff;color:#1d4ed8}.switcher-container{display:flex;align-items:center;gap:10px;padding-top:4px}.switcher{position:relative;display:inline-block;width:44px;height:24px}.switcher input{opacity:0;width:0;height:0}.switcher .slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.3s;border-radius:24px}.switcher .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.switcher input:checked+.slider{background-color:#1f2937}.switcher input:checked+.slider:before{transform:translate(20px)}.switcher-label{font-size:.85rem;color:#374151}.switcher-row{display:flex;align-items:center;gap:10px;padding:8px 0}.switcher-name{font-size:.85rem;font-weight:500;color:#374151}.delete-confirm-modal{width:400px;max-width:95vw}.delete-message{font-size:.9rem;color:#374151;margin-bottom:8px}.delete-warning{font-size:.8rem;color:#dc2626}.modal-btn.delete{background:#dc2626;color:#fff}.modal-btn.delete:hover{background:#b91c1c}.integration-type-select{display:flex;flex-direction:column;gap:6px}.integration-type-select label{font-size:.8rem;font-weight:500;color:#374151}.integration-type-select label .required{color:#dc2626}.search-select-container{position:relative;z-index:99999}.search-select-input{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer}.search-select-input input{flex:1;border:none;outline:none;font-size:.85rem;color:#1f2937;background:transparent}.search-select-input input::placeholder{color:#9ca3af}.search-select-input svg{color:#9ca3af;flex-shrink:0}.search-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 8px 24px #0003;z-index:9999999;max-height:300px;overflow-y:auto}.search-select-option{padding:10px 12px;font-size:.85rem;color:#374151;cursor:pointer;transition:background .15s}.search-select-option.selected{background:#eff6ff;color:#1d4ed8}.search-select-empty{padding:12px;text-align:center;color:#9ca3af;font-size:.85rem}.type-badge{display:inline-block;padding:4px 8px;background:#f3f4f6;color:#374151;font-size:.75rem;font-weight:500;border-radius:4px}.modal-btn.confirm:disabled{background:#9ca3af;cursor:not-allowed}.board-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200000;padding:1rem}.board-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.board-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.board-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.board-close-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s}.board-close-btn:hover{background:#e5e7eb;color:#1f2937}.board-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.board-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.board-add-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#1f2937;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.board-add-btn:hover{background:#374151;transform:translateY(-1px)}.board-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.board-table{width:100%;border-collapse:collapse;font-size:.875rem}.board-table th,.board-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.board-table th{background:#f9fafb;font-weight:600;color:#374151;white-space:nowrap}.board-table tr:last-child td{border-bottom:none}.board-table tr:hover td{background:#f9fafb}.board-table td{color:#4b5563}.board-table .code-cell{font-family:monospace;font-weight:600;color:#1f2937}.board-table .description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-actions{display:flex;gap:.5rem}.board-action-btn{background:none;border:none;padding:.375rem;cursor:pointer;color:#1f2937;border-radius:4px;transition:all .2s}.board-action-btn:hover{background:#e5e7eb}.board-action-btn.delete:hover{background:#fee2e2;color:#dc2626}.board-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.board-cancel-btn{padding:.625rem 1.25rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.board-cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.board-sub-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200001;padding:1rem}.board-sub-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.board-sub-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.board-sub-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.board-sub-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.board-sub-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.board-form-grid{display:flex;flex-direction:column;gap:1rem}.board-form-field{display:flex;flex-direction:column;gap:.375rem}.board-form-field label{font-size:.8125rem;font-weight:500;color:#374151}.board-form-field input,.board-form-field textarea{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#1f2937;transition:all .2s}.board-form-field input:focus,.board-form-field textarea:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.board-form-field textarea{resize:vertical;min-height:80px}.board-search-select{position:relative}.board-search-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem;color:#1f2937;transition:all .2s}.board-search-select-trigger:hover{border-color:#9ca3af}.board-search-select-trigger .placeholder{color:#9ca3af}.board-search-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:200002;max-height:250px;display:flex;flex-direction:column;overflow:hidden}.board-search-select-search{padding:.625rem .875rem;border:none;border-bottom:1px solid #e5e7eb;font-size:.875rem;outline:none}.board-search-select-options{flex:1;overflow-y:auto;max-height:200px}.board-search-select-option{padding:.625rem .875rem;cursor:pointer;font-size:.875rem;color:#374151;transition:background .15s}.board-search-select-option:hover{background:#f3f4f6}.board-search-select-option.selected{background:#e5e7eb;font-weight:500}.board-delete-modal{max-width:400px}.board-delete-content{text-align:center;padding:1rem 0}.board-delete-content p{margin:0;font-size:.9375rem;color:#4b5563;line-height:1.6}.board-delete-content strong{color:#1f2937}.board-delete-btn{padding:.625rem 1.25rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.board-delete-btn:hover{background:#b91c1c}.board-save-btn{padding:.625rem 1.25rem;background:#1f2937;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.board-save-btn:hover{background:#374151}.board-toast{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:#1f2937;color:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;z-index:200003;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.board-empty{text-align:center;padding:3rem 1rem;color:#6b7280}.board-empty p{margin:0;font-size:.9375rem}@media(max-width:1024px){.board-modal{max-width:95%}.board-table th,.board-table td{padding:.75rem;font-size:.8125rem}.board-table .description-cell{max-width:150px}}@media(max-width:768px){.board-overlay{padding:.75rem}.board-modal{max-width:100%;max-height:95vh}.board-modal-header{padding:1rem}.board-modal-header h2{font-size:1.125rem}.board-modal-content{padding:1rem}.board-toolbar{margin-bottom:.75rem}.board-add-btn{padding:.5rem .875rem;font-size:.8125rem}.board-table-wrapper{margin:0 -1rem;border-radius:0;border-left:none;border-right:none}.board-table th,.board-table td{padding:.625rem .75rem;font-size:.75rem}.board-table .description-cell{max-width:100px}.board-modal-footer{padding:.875rem 1rem}.board-cancel-btn{padding:.5rem 1rem;font-size:.8125rem}.board-sub-modal{max-width:100%}.board-sub-modal-header{padding:1rem}.board-sub-modal-header h3{font-size:1rem}.board-sub-modal-content{padding:1rem}.board-sub-modal-footer{padding:.875rem 1rem}.board-form-field input,.board-form-field textarea,.board-search-select-trigger{padding:.5rem .75rem;font-size:.8125rem}.board-toast{bottom:1rem;right:1rem;left:1rem;justify-content:center}}@media(max-width:576px){.board-overlay{padding:.5rem}.board-modal-header{padding:.875rem}.board-modal-header h2{font-size:1rem}.board-close-btn{padding:.375rem}.board-modal-content{padding:.875rem}.board-add-btn{padding:.5rem .75rem;font-size:.75rem}.board-table th,.board-table td{padding:.5rem;font-size:.6875rem}.board-table .description-cell{max-width:80px}.board-actions{gap:.25rem}.board-action-btn{padding:.25rem}.board-modal-footer{padding:.75rem}.board-sub-modal-header{padding:.875rem}.board-sub-modal-header h3{font-size:.9375rem}.board-sub-modal-content{padding:.875rem}.board-sub-modal-footer{padding:.75rem}.board-form-grid{gap:.75rem}.board-form-field label{font-size:.75rem}.board-form-field input,.board-form-field textarea,.board-search-select-trigger{padding:.5rem .625rem;font-size:.75rem}.board-search-select-dropdown{max-height:200px}.board-search-select-search,.board-search-select-option{padding:.5rem .625rem;font-size:.75rem}.board-cancel-btn,.board-save-btn,.board-delete-btn{padding:.5rem .875rem;font-size:.75rem}.board-delete-content p{font-size:.875rem}}@media(max-width:480px){.board-modal-header h2{font-size:.9375rem}.board-table th,.board-table td{padding:.375rem;font-size:.625rem}.board-table .description-cell{display:none}.board-action-btn svg{width:14px;height:14px}}.money-transfer-modal-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem}.money-transfer-modal{background-color:#fff;width:100%;max-width:480px;max-height:90vh;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:moneyTransferSlideIn .2s ease}@keyframes moneyTransferSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.money-transfer-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.money-transfer-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.money-transfer-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:.5rem;cursor:pointer;color:#6b7280;transition:all .2s ease}.money-transfer-modal-close:hover{background:#e5e7eb;color:#1f2937}.money-transfer-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.money-transfer-section-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.money-transfer-form-group{margin-bottom:1.25rem}.money-transfer-form-group:last-child{margin-bottom:0}.money-transfer-form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.money-transfer-search-select{position:relative}.money-transfer-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:all .2s ease}.money-transfer-select-trigger:hover{border-color:#9ca3af}.money-transfer-select-trigger:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.money-transfer-select-trigger span{font-size:.875rem;color:#1f2937}.money-transfer-select-trigger span.placeholder{color:#9ca3af}.money-transfer-select-trigger svg{color:#6b7280;transition:transform .2s ease}.money-transfer-select-trigger svg.rotated{transform:rotate(180deg)}.money-transfer-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #00000026;z-index:100000;overflow:hidden}.money-transfer-dropdown-search{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid #e5e7eb}.money-transfer-dropdown-search svg{color:#9ca3af;flex-shrink:0}.money-transfer-dropdown-search input{flex:1;border:none;outline:none;font-size:.875rem;color:#1f2937}.money-transfer-dropdown-search input::placeholder{color:#9ca3af}.money-transfer-dropdown-list{max-height:200px;overflow-y:auto}.money-transfer-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;transition:background-color .15s ease}.money-transfer-dropdown-item:hover{background-color:#f3f4f6}.money-transfer-dropdown-item.selected{background-color:#eff6ff;color:#1d4ed8}.money-transfer-dropdown-item span:first-child{font-size:.875rem;color:#1f2937}.money-transfer-dropdown-item.selected span:first-child{color:#1d4ed8;font-weight:500}.money-transfer-dropdown-item .cash-balance{font-size:.75rem;color:#6b7280;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.money-transfer-dropdown-empty{padding:1rem;text-align:center;color:#9ca3af;font-size:.875rem}.money-transfer-amount-input{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:.5rem;overflow:hidden;transition:all .2s ease}.money-transfer-amount-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.money-transfer-amount-input input{flex:1;padding:.75rem 1rem;border:none;outline:none;font-size:.875rem;color:#1f2937}.money-transfer-amount-input input::placeholder{color:#9ca3af}.money-transfer-amount-input .currency-badge{padding:.75rem 1rem;background-color:#f3f4f6;color:#6b7280;font-size:.875rem;font-weight:500;border-left:1px solid #d1d5db}.money-transfer-date-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;background-color:#fff;transition:all .2s ease}.money-transfer-date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.money-transfer-textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;resize:vertical;min-height:80px;font-family:inherit;transition:all .2s ease}.money-transfer-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.money-transfer-textarea::placeholder{color:#9ca3af}.money-transfer-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 1rem 1rem}.money-transfer-btn{flex:1;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.money-transfer-btn.cancel{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.money-transfer-btn.cancel:hover{background-color:#f3f4f6;border-color:#9ca3af}.money-transfer-btn.confirm{background-color:#1f2937;color:#fff}.money-transfer-btn.confirm:hover:not(:disabled){background-color:#111827}.money-transfer-btn.confirm:disabled{background-color:#9ca3af;cursor:not-allowed}@media(max-width:768px){.money-transfer-modal-overlay{padding:.75rem}.money-transfer-modal{max-width:100%;max-height:95vh}.money-transfer-modal-header{padding:1rem 1.25rem}.money-transfer-modal-header h2{font-size:1.125rem}.money-transfer-modal-body{padding:1.25rem}.money-transfer-modal-footer{padding:1rem 1.25rem}}@media(max-width:480px){.money-transfer-modal-overlay{padding:0;align-items:flex-end}.money-transfer-modal{max-height:90vh;border-radius:1rem 1rem 0 0;animation:moneyTransferSlideUp .3s ease}@keyframes moneyTransferSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.money-transfer-modal-header{padding:1rem}.money-transfer-modal-header h2{font-size:1rem}.money-transfer-modal-close{width:32px;height:32px}.money-transfer-modal-body{padding:1rem}.money-transfer-section-title{font-size:.8125rem;margin-bottom:1rem}.money-transfer-form-group{margin-bottom:1rem}.money-transfer-form-group label{font-size:.8125rem}.money-transfer-select-trigger{padding:.625rem .875rem}.money-transfer-select-trigger span{font-size:.8125rem}.money-transfer-amount-input input,.money-transfer-amount-input .currency-badge,.money-transfer-date-input{padding:.625rem .875rem;font-size:.8125rem}.money-transfer-textarea{padding:.625rem .875rem;font-size:.8125rem;min-height:70px}.money-transfer-modal-footer{padding:.875rem 1rem;flex-direction:row}.money-transfer-btn{padding:.625rem 1rem;font-size:.8125rem}.money-transfer-dropdown-item{padding:.625rem .875rem}.money-transfer-dropdown-item span:first-child{font-size:.8125rem}.money-transfer-dropdown-search{padding:.625rem}.money-transfer-dropdown-search input{font-size:.8125rem}}.cash-definitions-modal-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem}.cash-definitions-modal{background-color:#fff;width:100%;max-width:1100px;max-height:90vh;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:cashModalSlideIn .2s ease}@keyframes cashModalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cash-definitions-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.cash-definitions-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.cash-definitions-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:.5rem;cursor:pointer;color:#6b7280;transition:all .2s ease}.cash-definitions-modal-close:hover{background:#e5e7eb;color:#1f2937}.cash-definitions-header-actions{display:flex;align-items:center;gap:.75rem}.cash-definitions-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cash-definitions-btn.primary{background-color:#1f2937;color:#fff}.cash-definitions-btn.primary:hover{background-color:#111827}.cash-definitions-btn.secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.cash-definitions-btn.secondary:hover{background-color:#f3f4f6;border-color:#9ca3af}.cash-definitions-btn.cancel{background-color:#f3f4f6;color:#4b5563}.cash-definitions-btn.cancel:hover{background-color:#e5e7eb}.cash-definitions-modal-body{flex:1;overflow:auto;padding:0}.cash-definitions-table-container{overflow-x:auto;padding:0 1rem}.cash-definitions-table{width:100%;border-collapse:collapse;font-size:.875rem}.cash-definitions-table th,.cash-definitions-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap;vertical-align:middle}.cash-definitions-table th{background-color:#f9fafb;font-weight:600;color:#374151;white-space:nowrap}.cash-definitions-table td{color:#4b5563}.cash-definitions-table tbody tr:hover{background-color:#f9fafb}.cash-definitions-table .cash-name{font-weight:500;color:#1f2937}.cash-definitions-table .cash-balance{font-weight:600;color:#059669}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.main-cash-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#dbeafe;color:#1e40af;white-space:nowrap}.cash-actions{display:flex;align-items:center;gap:.5rem}.cash-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.cash-action-btn.edit{background-color:transparent;color:#1f2937}.cash-action-btn.edit:hover{background-color:#f3f4f6;color:#111827}.cash-action-btn.delete{background-color:transparent;color:#1f2937}.cash-action-btn.delete:hover{background-color:#f3f4f6;color:#111827}.cash-delete-modal{background-color:#fff;width:100%;max-width:400px;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;animation:cashSubModalSlideIn .2s ease}.cash-delete-modal-body{padding:1.25rem;text-align:center}.cash-delete-modal-body p{margin:0 0 .5rem;font-size:.9375rem;color:#374151}.cash-delete-warning{font-size:.8125rem!important;color:#ef4444!important}.cash-sub-btn.delete{background-color:#ef4444;color:#fff}.cash-sub-btn.delete:hover{background-color:#dc2626}.cash-definitions-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 1rem 1rem}.cash-sub-modal-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:1rem}.cash-sub-modal{background-color:#fff;width:100%;max-width:480px;max-height:90vh;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:cashSubModalSlideIn .2s ease}@keyframes cashSubModalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cash-sub-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.cash-sub-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.cash-sub-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:.5rem;cursor:pointer;color:#6b7280;transition:all .2s ease}.cash-sub-modal-close:hover{background:#e5e7eb;color:#1f2937}.cash-sub-modal-body{flex:1;overflow-y:auto;padding:1.25rem}.cash-sub-modal-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 1rem 1rem}.cash-sub-btn{flex:1;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cash-sub-btn.cancel{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.cash-sub-btn.cancel:hover{background-color:#f3f4f6}.cash-sub-btn.confirm{background-color:#1f2937;color:#fff}.cash-sub-btn.confirm:hover:not(:disabled){background-color:#111827}.cash-sub-btn.confirm:disabled{background-color:#9ca3af;cursor:not-allowed}.cash-form-group{margin-bottom:1rem}.cash-form-group:last-child{margin-bottom:0}.cash-form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.cash-form-group input[type=text],.cash-form-group input[type=number],.cash-form-group input[type=date],.cash-form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;transition:all .2s ease;box-sizing:border-box}.cash-form-group input:focus,.cash-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cash-form-group input::placeholder,.cash-form-group textarea::placeholder{color:#9ca3af}.cash-form-group textarea{resize:vertical;min-height:60px;font-family:inherit}.cash-form-row{margin-bottom:1rem}.cash-form-hint{font-size:.75rem;color:#6b7280;margin-top:.375rem;margin-bottom:0}.cash-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.cash-checkbox-label input[type=checkbox]{display:none}.cash-checkbox-custom{width:18px;height:18px;border:2px solid #d1d5db;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cash-checkbox-label input[type=checkbox]:checked+.cash-checkbox-custom{background-color:#1f2937;border-color:#1f2937}.cash-checkbox-label input[type=checkbox]:checked+.cash-checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.cash-search-select{position:relative}.cash-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:all .2s ease}.cash-select-trigger:hover{border-color:#9ca3af}.cash-select-trigger span{font-size:.875rem;color:#1f2937}.cash-select-trigger span.placeholder{color:#9ca3af}.cash-select-trigger svg{color:#6b7280;transition:transform .2s ease}.cash-select-trigger svg.rotated{transform:rotate(180deg)}.cash-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #00000026;z-index:100001;overflow:hidden}.cash-dropdown-search{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid #e5e7eb}.cash-dropdown-search svg{color:#9ca3af;flex-shrink:0}.cash-dropdown-search input{flex:1;border:none;outline:none;font-size:.875rem;color:#1f2937}.cash-dropdown-search input::placeholder{color:#9ca3af}.cash-dropdown-list{max-height:180px;overflow-y:auto}.cash-dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .15s ease;font-size:.875rem;color:#1f2937}.cash-dropdown-item:hover{background-color:#f3f4f6}.cash-dropdown-item.selected{background-color:#eff6ff;color:#1d4ed8;font-weight:500}.cash-dropdown-empty{padding:1rem;text-align:center;color:#9ca3af;font-size:.875rem}.cash-pos-options{display:flex;flex-direction:column;gap:.75rem}.cash-pos-option{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.cash-pos-option:hover:not(.disabled){border-color:#9ca3af;background-color:#f9fafb}.cash-pos-option.selected{border-color:#1f2937;background-color:#f9fafb}.cash-pos-option.disabled{opacity:.5;cursor:not-allowed}.cash-pos-option input[type=radio]{display:none}.cash-pos-radio{width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s ease}.cash-pos-option.selected .cash-pos-radio{border-color:#1f2937}.cash-pos-option.selected .cash-pos-radio:after{content:"";width:10px;height:10px;background-color:#1f2937;border-radius:50%}.cash-pos-content{display:flex;flex-direction:column;gap:.125rem}.cash-pos-title{font-size:.875rem;font-weight:500;color:#1f2937}.cash-pos-desc{font-size:.75rem;color:#6b7280}@media(max-width:768px){.cash-definitions-modal-overlay{padding:.75rem}.cash-definitions-modal{max-width:100%;max-height:95vh}.cash-definitions-modal-header{padding:1rem 1.25rem}.cash-definitions-modal-header h2{font-size:1.125rem}.cash-definitions-modal-actions{padding:.875rem 1.25rem;flex-wrap:wrap}.cash-definitions-btn{padding:.5rem .875rem;font-size:.8125rem}.cash-definitions-table th,.cash-definitions-table td{padding:.75rem .875rem;font-size:.8125rem}.cash-definitions-modal-footer{padding:.875rem 1.25rem}.cash-sub-modal-overlay{padding:.75rem}.cash-sub-modal{max-width:100%}}@media(max-width:480px){.cash-definitions-modal-overlay{padding:0;align-items:flex-end}.cash-definitions-modal{max-height:95vh;border-radius:1rem 1rem 0 0;animation:cashModalSlideUp .3s ease}@keyframes cashModalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cash-definitions-modal-header{padding:1rem}.cash-definitions-modal-header h2{font-size:1rem}.cash-definitions-modal-close{width:32px;height:32px}.cash-definitions-modal-actions{padding:.75rem 1rem;gap:.5rem}.cash-definitions-btn{flex:1;justify-content:center;padding:.625rem .75rem;font-size:.8125rem}.cash-definitions-table{min-width:700px}.cash-definitions-table th,.cash-definitions-table td{padding:.625rem .75rem;font-size:.75rem}.cash-definitions-modal-footer{padding:.75rem 1rem}.cash-sub-modal-overlay{padding:0;align-items:flex-end}.cash-sub-modal{max-height:90vh;border-radius:1rem 1rem 0 0;animation:cashSubModalSlideUp .3s ease}@keyframes cashSubModalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cash-sub-modal-header{padding:1rem}.cash-sub-modal-header h3{font-size:1rem}.cash-sub-modal-body{padding:1rem}.cash-form-group label{font-size:.8125rem}.cash-form-group input,.cash-form-group textarea{padding:.625rem .875rem;font-size:.8125rem}.cash-select-trigger{padding:.625rem .875rem}.cash-select-trigger span{font-size:.8125rem}.cash-sub-modal-footer{padding:.875rem 1rem}.cash-sub-btn{padding:.625rem 1rem;font-size:.8125rem}.cash-pos-option{padding:.75rem}.cash-pos-title{font-size:.8125rem}.cash-pos-desc{font-size:.6875rem}}.hotel-overview-page{padding:1.5rem 2rem;background-color:#f9fafb;min-height:calc(100vh - 70px)}.hotel-overview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.hotel-overview-title h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.hotel-overview-title p{font-size:.875rem;color:#6b7280;margin:0}.currency-rates{display:flex;gap:1rem}.currency-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem}.currency-item svg{color:#6b7280}.currency-code{font-weight:600;color:#374151}.currency-value{color:#059669;font-weight:500}.hotel-widgets-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.hotel-widget{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column}.hotel-widget-main{display:flex;align-items:center;padding:.75rem;gap:.75rem;flex:1}.hotel-widget-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;flex-shrink:0}.hotel-widget-icon.staying{background-color:#dbeafe;color:#2563eb}.hotel-widget-icon.arrivals{background-color:#dcfce7;color:#16a34a}.hotel-widget-icon.departures{background-color:#fef3c7;color:#d97706}.hotel-widget-icon.endofday{background-color:#f3e8ff;color:#9333ea}.hotel-widget-info{display:flex;flex-direction:column;flex:1}.hotel-widget-info h3{font-size:.75rem;font-weight:500;color:#6b7280;margin:0 0 .25rem}.hotel-widget-stats{display:flex;align-items:baseline;gap:.375rem}.hotel-widget-value{font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1}.hotel-widget-label{font-size:.75rem;color:#9ca3af}.hotel-widget-footer{padding:.5rem .75rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;font-size:.75rem;color:#6b7280;font-weight:500}.hotel-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hotel-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.hotel-card-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.hotel-card-header h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.hotel-card-body{padding:.75rem 1rem}.chart-card .hotel-card-body{padding:1rem .25rem}.status-list{list-style:none;padding:0;margin:0}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.status-item:last-child{border-bottom:none}.status-label{font-size:.875rem;color:#4b5563}.status-value{font-size:.875rem;font-weight:600;color:#1f2937;background-color:#f3f4f6;padding:.25rem .75rem;border-radius:9999px;min-width:32px;text-align:center}.status-value.danger{background-color:#fee2e2;color:#dc2626}.status-value.warning{background-color:#fef3c7;color:#d97706}.status-value.success{background-color:#dcfce7;color:#16a34a}.status-value.info{background-color:#dbeafe;color:#2563eb}.pie-charts-container{display:flex;gap:2rem;justify-content:space-around}.hotel-pie-chart{flex:1;display:flex;flex-direction:column;align-items:center}.hotel-pie-chart h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 1rem;text-align:center}.pie-chart-container{width:240px;height:240px;margin-bottom:.75rem}.pie-svg{width:100%;height:100%}.pie-slice{transition:transform .2s ease;transform-origin:center}.pie-slice:hover{transform:scale(1.02)}.pie-center-text{font-size:14px;font-weight:700;fill:#1f2937}.pie-legend{display:flex;flex-direction:column;gap:.5rem;width:100%}.pie-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.813rem}.pie-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.pie-legend-label{flex:1;color:#4b5563}.pie-legend-value{font-weight:600;color:#1f2937}@media(max-width:1200px){.hotel-widgets-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hotel-overview-header{flex-direction:column;gap:1rem}.currency-rates{flex-wrap:wrap}.hotel-widgets-row,.hotel-cards-row{grid-template-columns:1fr}.pie-charts-container{flex-direction:column;align-items:center}}.hotel-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.hotel-stats-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.hotel-stats-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.hotel-stats-header.sales{background-color:#dbeafe;border-bottom-color:#bfdbfe}.hotel-stats-header.sales h3{color:#1d4ed8}.hotel-stats-header.cancellations{background-color:#fee2e2;border-bottom-color:#fecaca}.hotel-stats-header.cancellations h3{color:#dc2626}.hotel-stats-header.revenue{background-color:#dcfce7;border-bottom-color:#bbf7d0}.hotel-stats-header.revenue h3{color:#16a34a}.hotel-stats-header h3{font-size:.875rem;font-weight:600;margin:0}.hotel-stats-body{padding:.75rem 1rem}.stats-grid{display:flex;flex-direction:column;gap:.5rem}.stats-item{display:flex;justify-content:space-between;align-items:center}.stats-label{font-size:.813rem;color:#6b7280}.stats-value{font-size:.875rem;font-weight:600;color:#1f2937}@media(max-width:1024px){.hotel-stats-row{grid-template-columns:1fr}}.hotel-charts-row{display:flex;gap:1rem;margin-top:1.5rem}.hotel-charts-row .hotel-card{flex:0 0 24.3%;max-width:24.3%}.hotel-charts-row .availability-card{flex:0 0 calc(50.1% - .5rem);max-width:calc(50.1% - .5rem)}.pie-chart-single{display:flex;justify-content:flex-start;align-items:center;padding:1rem}.pie-chart-single .hotel-pie-chart{display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%}.pie-chart-single .pie-chart-container{width:220px;height:220px;flex-shrink:0}.pie-chart-single .pie-legend{flex:1}.pie-chart-single .pie-legend-item{padding:.25rem 0}.availability-card .hotel-card-header{display:flex;justify-content:space-between;align-items:center}.view-switcher{display:flex;gap:.25rem;background-color:#f3f4f6;padding:.25rem;border-radius:.375rem}.view-btn{display:flex;align-items:center;justify-content:center;padding:.375rem .5rem;border:none;background:transparent;color:#6b7280;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.view-btn:hover{color:#374151}.view-btn.active{background-color:#fff;color:#1f2937;box-shadow:0 1px 2px #0000001a}.availability-chart{display:flex;flex-direction:column;gap:.5rem}.bar-item{display:flex;align-items:center;gap:.75rem}.bar-label{font-size:.75rem;color:#6b7280;width:45px;flex-shrink:0}.bar-container{flex:1;display:flex;height:20px;border-radius:.25rem;overflow:hidden}.bar-occupied{background-color:#14b8a6;transition:width .3s ease}.bar-empty{background-color:#d4a574;transition:width .3s ease}.bar-value{font-size:.75rem;font-weight:600;color:#374151;width:45px;text-align:right;flex-shrink:0}.bar-legend{display:flex;gap:1rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.occupied{background-color:#14b8a6}.legend-color.empty{background-color:#d4a574}.availability-table{overflow-x:auto}.availability-table table{width:100%;border-collapse:collapse;font-size:.813rem}.availability-table th,.availability-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #e5e7eb}.availability-table th{font-weight:600;color:#374151;background-color:#f9fafb}.availability-table td{color:#4b5563}.availability-table tr:last-child td{border-bottom:none}@media(max-width:768px){.hotel-charts-row{flex-direction:column}.hotel-charts-row .hotel-card{flex:0 0 100%;max-width:100%}}.hotel-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.chart-card .hotel-card-header{display:flex;justify-content:space-between;align-items:center}.vertical-bar-chart{padding:1rem 0}.vertical-bars{display:flex;justify-content:space-around;align-items:flex-end;height:150px;gap:.5rem}.vertical-bar-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.vertical-bar-wrapper{width:100%;max-width:40px;height:120px;background-color:#f3f4f6;border-radius:.25rem;display:flex;align-items:flex-end;overflow:hidden}.vertical-bar{width:100%;background-color:#14b8a6;border-radius:.25rem .25rem 0 0;transition:height .3s ease}.vertical-bar-label{font-size:.625rem;color:#6b7280;margin-top:.25rem}.vertical-bar-value{font-size:.75rem;font-weight:600;color:#1f2937}.area-chart{padding:.5rem 0}.area-chart-svg{width:100%;height:auto}.area-chart-label{font-size:8px;fill:#6b7280}.occupancy-legend{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.75rem}.stacked-bar-wrapper{width:100%;max-width:40px;height:120px;background-color:#f3f4f6;border-radius:.25rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.individual-bar{background-color:#14b8a6}.agency-bar{background-color:#fbbf24}.legend-color.individual{background-color:#14b8a6}.legend-color.agency-occ{background-color:#fbbf24}.recharts-container{width:100%;padding:0}.pie-chart-container{position:relative}.pie-center-total{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.75rem;font-weight:700;color:#1f2937;pointer-events:none}.line-chart{padding:.5rem 0}.line-chart-legend{display:flex;justify-content:flex-end;margin-bottom:.5rem;padding-right:1rem}.legend-line{display:inline-block;width:20px;height:3px;background-color:#60a5fa;margin-right:.5rem;vertical-align:middle}.line-chart-svg{width:100%;height:auto}.line-chart-y-label,.line-chart-x-label{font-size:9px;fill:#6b7280}.card-controls{display:flex;align-items:center;gap:.5rem}.date-picker{padding:.375rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.813rem;color:#374151;background-color:#fff;cursor:pointer}.date-picker:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.view-mode-select{padding:.375rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.813rem;color:#374151;background-color:#fff;cursor:pointer}.view-mode-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.arrival-departure-table{overflow-x:auto}.arrival-departure-table table{width:100%;border-collapse:collapse;font-size:.75rem}.arrival-departure-table th,.arrival-departure-table td{padding:.5rem;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.arrival-departure-table th{font-weight:600;color:#374151;background-color:#f9fafb;font-size:.688rem}.arrival-departure-table td{color:#4b5563}.arrival-departure-table tr:last-child td{border-bottom:none}.arrival-departure-table tr:hover{background-color:#f9fafb}@media(max-width:768px){.hotel-bottom-row{grid-template-columns:1fr}.card-controls{flex-wrap:wrap}.hotel-overview-page{padding:.75rem}.hotel-overview-header{flex-direction:column;gap:.75rem;margin-bottom:1rem}.hotel-overview-title h1{font-size:1.375rem}.hotel-overview-title p{font-size:.8125rem}.currency-rates{display:flex;gap:.375rem;flex-wrap:nowrap}.currency-item{flex:1;padding:.25rem .5rem;font-size:.6875rem;min-width:0}.currency-item svg{width:12px;height:12px}.currency-code{font-size:.625rem}.currency-value{font-size:.6875rem}.hotel-widgets-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.hotel-widget{min-width:unset}.hotel-widget-main{padding:.625rem;gap:.5rem}.hotel-widget-icon{width:36px;height:36px}.hotel-widget-icon svg{width:20px;height:20px}.hotel-widget-info h3{font-size:.6875rem}.hotel-widget-value{font-size:1.25rem}.hotel-widget-label{font-size:.6875rem}.hotel-widget-footer{padding:.375rem .625rem;font-size:.6875rem}.hotel-cards-row{grid-template-columns:1fr;gap:.75rem}.hotel-card{border-radius:.625rem}.hotel-card-header{padding:.625rem .875rem}.hotel-card-header h3{font-size:.9375rem}.hotel-card-body{padding:.625rem .875rem}.status-item{padding:.375rem 0}.status-label{font-size:.8125rem}.status-value{font-size:.8125rem;padding:.1875rem .5rem}.pie-charts-container{flex-direction:column;gap:1.5rem;align-items:center;padding:.5rem}.hotel-pie-chart{width:100%;max-width:280px;margin:0 auto}.hotel-pie-chart h4{font-size:.875rem;margin-bottom:.5rem}.pie-chart-container{width:180px;height:180px;margin:0 auto .5rem}.pie-center-total{font-size:1.25rem}.pie-legend{display:flex;flex-direction:column;gap:.25rem;width:100%}.pie-legend-item{font-size:.75rem;display:flex;align-items:center;justify-content:space-between;padding:.25rem 0}.pie-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.pie-legend-label{flex:1;margin-left:.5rem}.pie-legend-value{font-weight:600;min-width:30px;text-align:right}.hotel-stats-row{grid-template-columns:1fr;gap:.75rem;margin-top:1rem}.hotel-stats-header{padding:.625rem .875rem}.hotel-stats-header h3{font-size:.8125rem}.hotel-stats-body{padding:.625rem .875rem}.stats-label{font-size:.75rem}.stats-value{font-size:.8125rem}.hotel-charts-row{flex-direction:column;gap:.75rem;margin-top:1rem}.hotel-charts-row .hotel-card,.hotel-charts-row .availability-card{flex:0 0 100%;max-width:100%}.pie-chart-single{padding:.75rem;display:flex;justify-content:center}.pie-chart-single .hotel-pie-chart{flex-direction:column;gap:.75rem;width:100%;max-width:280px}.pie-chart-single .pie-chart-container{width:160px;height:160px;margin:0 auto .5rem}.view-switcher{padding:.1875rem}.view-btn{padding:.25rem .375rem}.availability-table table{font-size:.75rem}.availability-table th,.availability-table td{padding:.375rem .5rem}.hotel-bottom-row{gap:.75rem;margin-top:1rem}.recharts-container{padding:0}.card-controls{gap:.375rem}.date-picker,.view-mode-select{padding:.25rem .375rem;font-size:.75rem}.arrival-departure-table table{font-size:.6875rem}.arrival-departure-table th,.arrival-departure-table td{padding:.375rem}.arrival-departure-table th{font-size:.625rem}}@media(max-width:480px){.hotel-overview-page{padding:.5rem}.hotel-overview-title h1{font-size:1.25rem}.hotel-widget{min-width:140px}.hotel-widget-value{font-size:1.125rem}.pie-chart-container{width:160px;height:160px}.pie-center-total{font-size:1.25rem}.pie-chart-single .pie-chart-container{width:150px;height:150px}.hotel-card-header h3{font-size:.875rem}.status-label,.status-value{font-size:.75rem}}.invoices-page{padding:1.5rem;background-color:#f8fafc;min-height:100vh}.invoices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.invoices-header h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.header-actions{display:flex;gap:.75rem}.quick-invoice-btn,.add-invoice-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#1f2937;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-invoice-btn:hover,.add-invoice-btn:hover{background:#111827}.invoices-filter-area{background:#fff;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000d}.filter-group{display:flex;flex-direction:column;gap:.375rem;min-width:140px}.filter-group label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.filter-group input[type=date],.filter-group input[type=number],.filter-group input[type=text]{height:36px;padding:0 .75rem;border:none;border-radius:8px;font-size:.813rem;background:#f3f4f6;transition:all .15s ease;outline:none}.filter-group input:focus{background:#e5e7eb}.filter-input-wrapper{display:flex;align-items:center;gap:.5rem;height:36px;padding:0 .75rem;border:none;border-radius:8px;background:#f3f4f6;transition:all .15s ease}.filter-input-wrapper:focus-within{background:#e5e7eb}.filter-input-wrapper svg{color:#9ca3af;flex-shrink:0}.filter-input-wrapper input{border:none;background:transparent;font-size:.813rem;outline:none;width:100%;min-width:100px}.search-select{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;height:36px;padding:0 .75rem;border:none;border-radius:8px;background:#f3f4f6;cursor:pointer;font-size:.813rem;min-width:140px;transition:all .15s ease}.search-select:hover{background:#e5e7eb}.search-select svg{color:#6b7280;flex-shrink:0}.search-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.search-select-option{padding:.5rem .75rem;font-size:.813rem;cursor:pointer;transition:background .15s ease}.search-select-option.selected{background:#eff6ff;color:#2563eb;font-weight:500}.filter-group.amount-range{flex:1;min-width:200px}.amount-inputs{display:flex;align-items:center;gap:.5rem}.amount-inputs input{flex:1;min-width:80px;height:36px;padding:0 .75rem;border:none;border-radius:8px;font-size:.813rem;background:#f3f4f6;text-align:center}.amount-inputs span{color:#9ca3af;font-size:.875rem}.filter-group.filter-actions{margin-left:0}.clear-filters-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;height:36px;padding:0 1rem;background:#1f2937;border:none;border-radius:8px;font-size:.813rem;color:#fff;cursor:pointer;transition:all .15s ease}.clear-filters-btn:hover{background:#1f2937}.invoices-tabs{display:flex;gap:0;margin-bottom:0;background:transparent;border-bottom:1px solid #e5e7eb}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:0;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:-1px}.tab-btn:hover{color:#374151}.tab-btn.active{background:#fff;color:#1f2937;border:1px solid #1f2937;border-bottom:1px solid white;border-radius:8px 8px 0 0}.tab-btn.active .tab-count{background:#1f2937;color:#fff}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#e5e7eb;border-radius:10px;font-size:.75rem;font-weight:600;color:#6b7280}.invoices-widgets{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}.invoice-widget{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid transparent;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.invoice-widget:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.widget-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.widget-content{display:flex;flex-direction:column;gap:.25rem}.widget-value{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1.2}.widget-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.invoice-widget.total .widget-icon{background:#eff6ff;color:#3b82f6}.invoice-widget.amount .widget-icon{background:#f0fdf4;color:#22c55e}.invoice-widget.approved .widget-icon{background:#ecfdf5;color:#10b981}.invoice-widget.pending .widget-icon{background:#fffbeb;color:#f59e0b}.invoice-widget.rejected .widget-icon{background:#fef2f2;color:#ef4444}.invoice-widget.cancelled .widget-icon{background:#f5f5f5;color:#737373}.invoices-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 1px 3px #0000000d}.search-wrapper{position:relative;flex:1;max-width:320px}.search-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.search-wrapper input{width:100%;padding:.625rem .75rem .625rem 2.25rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#f9fafb;transition:all .15s ease;outline:none;box-sizing:border-box}.search-wrapper input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.filter-wrapper{display:flex;align-items:center;gap:.5rem;color:#6b7280}.filter-wrapper select{padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#f9fafb;cursor:pointer;outline:none}.filter-wrapper select:focus{border-color:#3b82f6}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .15s ease;margin-left:auto}.export-btn:hover{background:#f9fafb;border-color:#d1d5db}.invoices-table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d;min-height:480px}.invoices-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#fff;border-radius:12px;margin-top:1rem;box-shadow:0 1px 3px #0000000d}.pagination-btn{padding:.5rem 1rem;background:#f3f4f6;border:none;border-radius:8px;font-size:.813rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:#e5e7eb}.invoices-table{width:100%;border-collapse:collapse}.invoices-table thead{background:#f9fafb}.invoices-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.invoices-table td{padding:.625rem 1rem;font-size:.875rem;color:#374151;border-bottom:1px solid #f3f4f6}.invoices-table tbody tr:hover{background:#f9fafb}.invoice-no{font-weight:600;color:#1f2937}.amount-income{color:#22c55e;font-weight:600}.amount-expense{color:#ef4444;font-weight:600}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.rejected{background:#fecaca;color:#991b1b}.status-badge.cancelled{background:#e5e5e5;color:#525252}.action-buttons{display:flex;gap:.375rem}.action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.action-btn.view,.action-btn.edit,.action-btn.delete{background:transparent;color:#1f2937}.action-btn.view:hover,.action-btn.edit:hover,.action-btn.delete:hover{background:#f3f4f6}.action-btn svg,.invoices-table .action-btn svg,.action-buttons .action-btn svg{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;display:block!important;flex-shrink:0;stroke:currentColor!important;stroke-width:2!important}.action-btn.delete,.invoices-table .action-btn.delete{color:#dc2626!important}.invoices-table .action-buttons{display:flex!important;gap:4px!important}.invoices-table .action-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;border:none!important;border-radius:6px!important;background:transparent!important;color:#1f2937!important;cursor:pointer!important}.empty-state{text-align:center;padding:3rem 1rem}.empty-state-text{color:#9ca3af;font-size:.875rem}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200000;padding:1rem}.invoice-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.invoice-detail-modal{background:#fff;border-radius:16px;width:95%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.invoice-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.invoice-detail-modal .modal-header h2{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.modal-tabs{display:flex;gap:0;padding:0 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;overflow-x:auto}.modal-tab{padding:.875rem 1.25rem;background:transparent;border:none;font-size:.813rem;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .15s ease;position:relative}.modal-tab:hover{color:#374151}.modal-tab.active{color:#1f2937;font-weight:600}.modal-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#1f2937}.detail-cards-row{display:flex;gap:1.5rem}.detail-card{flex:1;background:#f9fafb;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb}.detail-card.full-width{flex:1 1 100%}.detail-card-title{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.detail-card-content{display:flex;flex-direction:column;gap:.625rem}.detail-row{display:flex;align-items:center;gap:.5rem}.detail-row .detail-label{font-size:.813rem;color:#6b7280;min-width:120px;flex-shrink:0}.detail-row .detail-value{font-size:.813rem;color:#1f2937;font-weight:500}.invoice-lines-table{width:100%;border-collapse:collapse}.invoice-lines-table th,.invoice-lines-table td{padding:.625rem .75rem;text-align:left;font-size:.813rem;border-bottom:1px solid #e5e7eb}.invoice-lines-table th{background:#f3f4f6;font-weight:600;color:#374151}.invoice-lines-table td{color:#1f2937}.detail-row.editable{display:flex;align-items:center;gap:.5rem}.detail-row.editable input,.detail-row.editable select{flex:1;padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;color:#1f2937;background:#fff;transition:border-color .15s ease}.detail-row.editable input:focus,.detail-row.editable select:focus{outline:none;border-color:#1f2937}.detail-row.editable input::placeholder{color:#9ca3af}.note-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#1f2937;resize:vertical;min-height:120px;font-family:inherit}.note-textarea:focus{outline:none;border-color:#1f2937}.note-textarea::placeholder{color:#9ca3af}.invoice-items-table-wrapper{overflow-x:auto;margin-bottom:1rem}.invoice-items-table{width:100%;border-collapse:collapse;min-width:800px}.invoice-items-table th,.invoice-items-table td{padding:.625rem .5rem;text-align:left;font-size:.75rem;border-bottom:1px solid #e5e7eb;white-space:nowrap}.invoice-items-table th{background:#f3f4f6;font-weight:600;color:#374151;text-transform:uppercase;font-size:.688rem}.invoice-items-table td{color:#1f2937}.invoice-items-table tbody tr:hover{background:#f9fafb}.invoice-totals{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.invoice-total-row{display:flex;align-items:center;gap:2rem;min-width:250px;justify-content:space-between}.invoice-total-row .total-label{font-size:.813rem;color:#6b7280}.invoice-total-row .total-value{font-size:.813rem;color:#1f2937;font-weight:500}.invoice-total-row.grand-total{padding-top:.5rem;border-top:1px solid #e5e7eb;margin-top:.25rem}.invoice-total-row.grand-total .total-label,.invoice-total-row.grand-total .total-value{font-weight:700;font-size:.875rem;color:#1f2937}.einvoice-actions{display:flex;align-items:center;justify-content:center;min-height:120px}.einvoice-send-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#1f2937;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.einvoice-send-btn:hover{background:#111827}.empty-text{color:#9ca3af;font-size:.875rem;text-align:center;padding:2rem 0;margin:0}.invoice-detail-modal .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.invoice-detail-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.quick-invoice-modal{background:#fff;border-radius:16px;width:95%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.quick-invoice-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.quick-invoice-modal .modal-body{padding:1.5rem;overflow-y:auto;overflow-x:visible;flex:1}.selection-section,.search-select-wrapper{position:relative;z-index:100}.quick-invoice-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.wizard-steps{display:flex;justify-content:center;gap:2rem;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.wizard-step{display:flex;align-items:center;gap:.5rem;opacity:.5}.wizard-step.active{opacity:1}.wizard-step.completed{opacity:.7}.step-number{width:24px;height:24px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.wizard-step.active .step-number{background:#1f2937;color:#fff}.wizard-step.completed .step-number{background:#22c55e;color:#fff}.step-label{font-size:.813rem;color:#6b7280;font-weight:500}.wizard-step.active .step-label{color:#1f2937}.wizard-content{display:flex;flex-direction:column;gap:1.5rem}.wizard-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.wizard-subtitle{font-size:.875rem;color:#6b7280;margin:-1rem 0 0}.invoice-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.invoice-type-cards.compact{gap:.75rem;margin-bottom:1rem}.invoice-type-card{border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .15s ease}.invoice-type-card:hover{border-color:#d1d5db}.invoice-type-card.selected{border-color:#1f2937;background:#f9fafb}.invoice-type-card.mini{padding:.75rem 1rem}.invoice-type-card.mini h4{font-size:.813rem;margin:0 0 .25rem}.invoice-type-card.mini p{font-size:.75rem;margin:0;color:#6b7280}.type-card-header h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.type-card-desc{font-size:.813rem;color:#6b7280;margin:0 0 1rem;line-height:1.5}.type-select-btn{width:100%;padding:.625rem 1rem;background:#1f2937;color:#fff;border:none;border-radius:8px;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .15s ease}.type-select-btn:hover{background:#111827}.reservations-table-wrapper{overflow-x:auto;margin-bottom:1.5rem}.reservations-table th,.reservations-table td{padding:.625rem .75rem;text-align:left;font-size:.75rem;border-bottom:1px solid #e5e7eb}.reservations-table th{background:#f3f4f6;font-weight:600;color:#374151;text-transform:uppercase}.reservations-table td{color:#1f2937}.empty-reservations{text-align:center;padding:2rem!important;color:#9ca3af;font-style:italic}.receiver-info-section{background:#f9fafb;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb}.receiver-info-section h4{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.receiver-info-desc{font-size:.75rem;color:#6b7280;margin:0 0 1rem}.receiver-form{display:flex;flex-direction:column;gap:.75rem}.receiver-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.receiver-form .form-row.full{grid-template-columns:1fr}.receiver-form .form-group{display:flex;flex-direction:column;gap:.25rem}.receiver-form .form-group label{font-size:.75rem;font-weight:500;color:#374151}.receiver-form .form-group input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;transition:all .15s ease}.receiver-form .form-group input:focus{outline:none;border-color:#1f2937}.selection-section{display:flex;flex-direction:column;gap:.5rem}.selection-label{font-size:.813rem;font-weight:500;color:#374151}.search-select-wrapper{position:relative}.search-select{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;transition:all .15s ease;font-size:.875rem}.search-select:hover{border-color:#9ca3af}.search-select.open{border-color:#1f2937}.search-select .placeholder{color:#9ca3af}.search-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:9999;max-height:280px;overflow:hidden;display:flex;flex-direction:column}.search-select-dropdown.multi{max-height:400px}.search-input-wrapper{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-bottom:1px solid #e5e7eb}.search-input-wrapper input{flex:1;border:none;outline:none;font-size:.813rem;color:#1f2937}.search-input-wrapper input::placeholder{color:#9ca3af}.search-input-wrapper svg{color:#9ca3af}.search-select-options{overflow-y:auto;flex:1}.search-select-option{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;cursor:pointer;transition:background-color .15s ease}.search-select-option:hover{background-color:#f9fafb}.search-select-option.selected{background-color:#f3f4f6}.search-select-option input[type=checkbox]{width:16px;height:16px;cursor:pointer}.option-content{display:flex;flex-direction:column;gap:.125rem}.option-name{font-size:.813rem;font-weight:500;color:#1f2937}.option-detail{font-size:.75rem;color:#6b7280}.res-status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.688rem;font-weight:500}.res-status.confirmed{background-color:#dcfce7;color:#166534}.res-status.pending{background-color:#fef3c7;color:#92400e}.res-status.cancelled{background-color:#fee2e2;color:#991b1b}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .15s ease}.close-btn:hover{background:#e5e7eb;color:#374151}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;font-weight:500;color:#6b7280}.detail-value{font-size:.875rem;color:#1f2937;font-weight:500}.detail-value.total{font-size:1.125rem;font-weight:700;color:#059669}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.813rem;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#f9fafb;transition:all .15s ease;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.btn-secondary{padding:.625rem 1.25rem;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}@media(max-width:1400px){.invoices-page{padding:1.25rem}.invoices-widgets{grid-template-columns:repeat(3,1fr);gap:.75rem}.invoice-widget{padding:1rem}.widget-icon{width:40px;height:40px}.widget-value{font-size:1.125rem}.filter-group{min-width:120px}}@media(max-width:1199px){.invoices-page{padding:1rem}.invoices-header{margin-bottom:1rem}.invoices-header h1{font-size:1.25rem}.header-actions{gap:.5rem}.quick-invoice-btn,.add-invoice-btn{padding:.5rem .875rem;font-size:.813rem}.invoices-widgets{grid-template-columns:repeat(3,1fr);gap:.625rem;margin-bottom:1rem}.invoice-widget{padding:.875rem;gap:.75rem}.widget-icon{width:36px;height:36px;border-radius:8px}.widget-value{font-size:1rem}.widget-label{font-size:.688rem}.invoices-filter-area{padding:.875rem 1rem}.filter-row{gap:.75rem}.filter-group{min-width:110px}.tab-btn{padding:.625rem 1rem;font-size:.813rem}.invoices-toolbar{padding:.875rem;gap:.75rem}.invoices-table th,.invoices-table td{padding:.5rem .75rem;font-size:.813rem}.invoices-table th{font-size:.7rem}}@media(max-width:1023px){.invoices-page{padding:.875rem}.invoices-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:.875rem}.invoices-header h1{font-size:1.125rem}.header-actions{width:100%}.quick-invoice-btn,.add-invoice-btn{flex:1;justify-content:center;padding:.5rem .75rem;font-size:.75rem}.invoices-widgets{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.875rem}.invoice-widget{padding:.75rem;gap:.625rem;border-radius:8px}.widget-icon{width:32px;height:32px;border-radius:6px}.widget-value{font-size:.95rem}.widget-label{font-size:.65rem}.invoices-filter-area{padding:.75rem;margin-bottom:.75rem;border-radius:8px}.filter-row{flex-direction:column;gap:.625rem}.filter-group,.filter-group.amount-range{min-width:100%}.invoices-tabs{overflow-x:auto}.tab-btn{padding:.5rem .875rem;font-size:.75rem;white-space:nowrap}.tab-count{min-width:18px;height:18px;font-size:.688rem}.invoices-toolbar{flex-wrap:wrap;padding:.75rem;gap:.5rem;border-radius:8px}.search-wrapper{max-width:100%;width:100%;order:1}.filter-wrapper{order:2;flex:1}.export-btn{order:3;margin-left:0}.invoices-table-wrapper{overflow-x:auto;border-radius:8px;min-height:auto}.invoices-table{min-width:700px}.invoices-table th,.invoices-table td{padding:.5rem .625rem;font-size:.75rem}.invoices-table th{font-size:.65rem}.status-badge{padding:.2rem .5rem;font-size:.688rem}.action-btn{width:26px;height:26px}.invoices-pagination{padding:.75rem;gap:.75rem;border-radius:8px;margin-top:.75rem}.pagination-btn{padding:.375rem .75rem;font-size:.75rem}.pagination-info{font-size:.813rem}.invoice-modal,.invoice-detail-modal,.quick-invoice-modal{width:95%;max-width:95%;max-height:95vh;border-radius:12px}.modal-header{padding:1rem}.modal-header h2{font-size:1rem}.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem}.modal-tabs{padding:0 1rem}.modal-tab{padding:.75rem 1rem;font-size:.75rem}.detail-cards-row{flex-direction:column;gap:1rem}.detail-card{padding:1rem}.detail-card-title{font-size:.813rem}.detail-row .detail-label,.detail-row .detail-value{font-size:.75rem}.wizard-steps{gap:1rem;padding:.75rem 1rem;overflow-x:auto}.wizard-step{white-space:nowrap}.step-number{width:22px;height:22px;font-size:.688rem}.step-label{font-size:.75rem}.invoice-type-cards{grid-template-columns:1fr}.invoice-type-card{padding:1rem}.receiver-form .form-row,.detail-grid,.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}@media(max-width:767px){.invoices-page{padding:.75rem}.invoices-header{margin-bottom:.75rem}.invoices-header h1{font-size:1rem}.quick-invoice-btn,.add-invoice-btn{padding:.5rem .625rem;font-size:.7rem;gap:.375rem}.quick-invoice-btn svg,.add-invoice-btn svg{width:14px;height:14px}.invoices-widgets{grid-template-columns:repeat(2,1fr);gap:.375rem;margin-bottom:.75rem}.invoice-widget{padding:.625rem;gap:.5rem;border-radius:6px}.widget-icon{width:28px;height:28px;border-radius:6px}.widget-icon svg{width:14px;height:14px}.widget-value{font-size:.875rem}.widget-label{font-size:.6rem}.invoices-filter-area{padding:.625rem;border-radius:6px}.filter-group label{font-size:.688rem}.filter-group input[type=date],.filter-group input[type=number],.filter-group input[type=text],.filter-input-wrapper,.search-select{height:32px;font-size:.75rem;border-radius:6px}.clear-filters-btn{height:32px;font-size:.75rem;padding:0 .75rem}.invoices-tabs{gap:0}.tab-btn{padding:.5rem .75rem;font-size:.7rem}.tab-count{min-width:16px;height:16px;font-size:.625rem;padding:0 4px}.invoices-toolbar{padding:.625rem;gap:.5rem}.search-wrapper input{padding:.5rem .625rem .5rem 2rem;font-size:.813rem}.filter-wrapper select{padding:.5rem .625rem;font-size:.813rem}.export-btn{padding:.5rem .75rem;font-size:.813rem}.invoices-table{min-width:600px}.invoices-table th,.invoices-table td{padding:.375rem .5rem;font-size:.7rem}.invoices-table th{font-size:.6rem}.status-badge{padding:.125rem .375rem;font-size:.625rem}.action-buttons{gap:.25rem}.action-btn{width:24px;height:24px}.invoices-pagination{padding:.75rem 1rem;gap:.625rem;margin-top:.625rem}.pagination-btn{padding:.5rem .875rem;font-size:.75rem;min-width:36px}.pagination-info{font-size:.813rem}.invoices-table td:nth-child(6){min-width:100px}.invoice-modal,.invoice-detail-modal,.quick-invoice-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0}.modal-header{padding:.75rem}.modal-header h2{font-size:.95rem}.close-btn{width:28px;height:28px}.modal-body{padding:.75rem}.modal-footer{padding:.625rem .75rem;gap:.5rem}.modal-footer .btn-primary,.modal-footer .btn-secondary{padding:.5rem .875rem;font-size:.813rem;flex:1}.modal-tabs{padding:0 .75rem}.modal-tab{padding:.625rem .875rem;font-size:.7rem}.detail-card{padding:.75rem;border-radius:8px}.detail-card-title{font-size:.75rem;margin-bottom:.75rem;padding-bottom:.5rem}.detail-card-content{gap:.5rem}.detail-row .detail-label{min-width:100px;font-size:.7rem}.detail-row .detail-value{font-size:.7rem}.wizard-steps{gap:.75rem;padding:.625rem .75rem}.step-number{width:20px;height:20px;font-size:.625rem}.step-label{font-size:.688rem}.wizard-title{font-size:1rem}.wizard-subtitle{font-size:.813rem}.invoice-type-card{padding:.875rem;border-radius:8px}.type-card-header h4{font-size:.875rem}.type-card-desc{font-size:.75rem;margin-bottom:.75rem}.type-select-btn{padding:.5rem .875rem;font-size:.75rem}.receiver-info-section{padding:1rem;border-radius:8px}.receiver-info-section h4{font-size:.813rem}.receiver-info-desc,.receiver-form .form-group label{font-size:.688rem}.receiver-form .form-group input{padding:.375rem .625rem;font-size:.75rem}.invoice-items-table{min-width:600px}.invoice-items-table th,.invoice-items-table td{padding:.5rem .375rem;font-size:.688rem}.invoice-items-table th{font-size:.625rem}.invoice-totals{padding-top:.75rem}.invoice-total-row{min-width:200px;gap:1rem}.invoice-total-row .total-label,.invoice-total-row .total-value{font-size:.75rem}.invoice-total-row.grand-total .total-label,.invoice-total-row.grand-total .total-value{font-size:.813rem}.form-group label{font-size:.75rem}.form-group input,.form-group select,.form-group textarea{padding:.5rem .625rem;font-size:.813rem;border-radius:6px}.btn-primary,.btn-secondary{padding:.5rem 1rem;font-size:.813rem}}@media(max-width:480px){.invoices-page{padding:.5rem}.invoices-header h1{font-size:.95rem}.header-actions{gap:.375rem}.quick-invoice-btn,.add-invoice-btn{padding:.375rem .5rem;font-size:.65rem}.invoices-widgets{gap:.25rem}.invoice-widget{padding:.5rem;gap:.375rem}.widget-icon{width:24px;height:24px}.widget-icon svg{width:12px;height:12px}.widget-value{font-size:.8rem}.widget-label{font-size:.55rem}.invoices-filter-area{padding:.5rem}.filter-group label{font-size:.625rem}.filter-group input[type=date],.filter-group input[type=number],.filter-group input[type=text],.filter-input-wrapper,.search-select,.clear-filters-btn{height:30px;font-size:.7rem}.tab-btn{padding:.375rem .5rem;font-size:.65rem}.invoices-toolbar{padding:.5rem}.search-wrapper input{padding:.375rem .5rem .375rem 1.75rem;font-size:.75rem}.filter-wrapper select{padding:.375rem .5rem;font-size:.75rem}.export-btn{padding:.375rem .625rem;font-size:.75rem}.invoices-table{min-width:520px}.invoices-table th,.invoices-table td{padding:.25rem .375rem;font-size:.65rem}.invoices-table th{font-size:.55rem}.status-badge{padding:.125rem .25rem;font-size:.6rem}.action-btn{width:22px;height:22px}.action-btn svg{width:12px!important;height:12px!important}.invoices-pagination{padding:.625rem .875rem;gap:.5rem}.pagination-btn{padding:.375rem .75rem;font-size:.7rem;min-width:32px}.pagination-info{font-size:.75rem}.invoices-table td:nth-child(6){min-width:90px}.modal-header{padding:.625rem}.modal-header h2{font-size:.875rem}.close-btn{width:26px;height:26px}.modal-body{padding:.625rem}.modal-footer{padding:.5rem .625rem}.modal-footer .btn-primary,.modal-footer .btn-secondary{padding:.375rem .75rem;font-size:.75rem}.modal-tabs{padding:0 .625rem}.modal-tab{padding:.5rem .625rem;font-size:.65rem}.detail-card{padding:.625rem}.detail-card-title{font-size:.688rem}.detail-row .detail-label{min-width:80px;font-size:.65rem}.detail-row .detail-value{font-size:.65rem}.wizard-steps{gap:.5rem;padding:.5rem}.step-number{width:18px;height:18px;font-size:.6rem}.step-label{font-size:.625rem}.wizard-title{font-size:.95rem}.wizard-subtitle{font-size:.75rem}.invoice-type-card{padding:.75rem}.type-card-header h4{font-size:.813rem}.type-card-desc{font-size:.688rem}.type-select-btn{padding:.375rem .75rem;font-size:.7rem}.receiver-info-section{padding:.75rem}.receiver-info-section h4{font-size:.75rem}.receiver-form .form-group label{font-size:.625rem}.receiver-form .form-group input{padding:.375rem .5rem;font-size:.7rem}.invoice-items-table{min-width:500px}.invoice-items-table th,.invoice-items-table td{padding:.375rem .25rem;font-size:.625rem}.invoice-total-row{min-width:180px}.invoice-total-row .total-label,.invoice-total-row .total-value,.form-group label{font-size:.688rem}.form-group input,.form-group select,.form-group textarea{padding:.375rem .5rem;font-size:.75rem}.btn-primary,.btn-secondary{padding:.375rem .875rem;font-size:.75rem}.empty-state{padding:2rem .75rem}.empty-state-text{font-size:.813rem}}.occupancy-calendar-page{padding:.5rem .75rem;background-color:#f9fafb;min-height:calc(100vh - 70px);overflow-x:hidden}.occupancy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.occupancy-title h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.occupancy-controls{display:flex;gap:1rem;align-items:center}.view-toggle{display:flex;gap:.25rem;background-color:#f3f4f6;padding:.25rem;border-radius:.5rem}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;border:none;background:transparent;color:#6b7280;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{color:#374151}.view-toggle-btn.active{background-color:#fff;color:#2563eb;box-shadow:0 1px 2px #0000000d}.new-reservation-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.new-reservation-btn:hover{background-color:#1d4ed8}.zoom-controls{display:flex;gap:.5rem;align-items:center;padding:.25rem .75rem;background-color:#f3f4f6;border-radius:.5rem}.zoom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;background-color:#fff;border-radius:.375rem;cursor:pointer;transition:all .2s ease;color:#6b7280}.zoom-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db;color:#374151}.zoom-btn:disabled{opacity:.5;cursor:not-allowed}.zoom-indicator{font-size:.813rem;font-weight:500;color:#4b5563;min-width:100px;text-align:center}.calendar-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin:0;padding:0}.calendar-navigation{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb}.calendar-nav-left{display:flex;align-items:center;gap:1rem}.calendar-nav-center,.table-date-filter{display:flex;align-items:center;gap:.5rem}.date-filter-label{min-width:180px;text-align:center}.table-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid #e5e7eb}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;background-color:#fff;border-radius:.375rem;cursor:pointer;transition:all .2s ease;color:#6b7280}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db;color:#374151}.pagination-info{font-size:.875rem;color:#6b7280;font-weight:500}.nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;background-color:#fff;border-radius:.375rem;cursor:pointer;transition:all .2s ease;color:#6b7280}.nav-btn:hover{background-color:#f9fafb;border-color:#d1d5db;color:#374151}.date-range{font-size:.938rem;font-weight:600;color:#1f2937}.calendar-grid-wrapper{display:flex;overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 150px);margin:0;padding:0}.calendar-sidebar{width:15%;min-width:180px;background-color:#fff;flex-shrink:0;display:flex;flex-direction:column;position:sticky;left:0;z-index:10}.sidebar-header{height:60px;min-height:60px;max-height:60px;display:flex;align-items:center;padding:0 1rem;font-weight:600;font-size:.875rem;color:#374151;border-bottom:1px solid #e5e7eb;border-right:2px solid #e5e7eb;background-color:#fff;flex-shrink:0;margin:0;box-sizing:border-box;flex:0 0 60px}.sidebar-rooms{flex:1;overflow-y:visible;margin:0;padding:0}.room-type-group{border-bottom:none;margin:0;padding:0}.room-type-group:first-child .room-type-header{border-top:none}.room-type-header{display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;font-weight:600;font-size:.688rem;color:#1f2937;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-right:2px solid #e5e7eb;height:32px;box-sizing:border-box;margin:0}.room-row-sidebar{display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;height:32px;border-bottom:1px solid #e5e7eb;border-right:2px solid #e5e7eb;font-size:.688rem;color:#4b5563;box-sizing:border-box;background-color:#fff}.room-number{font-weight:500}.room-status-dot{width:8px;height:8px;border-radius:50%}.room-status-dot.clean{background-color:#10b981}.room-status-dot.dirty{background-color:#ef4444}.occupancy-calendar-grid{flex:1;min-width:0;display:flex;flex-direction:column}.date-headers{display:flex;height:60px;min-height:60px;max-height:60px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;position:sticky;top:0;z-index:9;box-sizing:border-box}.date-header{flex:1 1 0;min-width:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #e5e7eb;padding:.5rem;box-sizing:border-box}.date-header.today{background-color:#dbeafe}.date-day{font-size:.688rem;color:#6b7280;text-transform:uppercase;font-weight:500}.date-number{font-size:.938rem;font-weight:600;color:#1f2937;margin-top:.125rem}.hour-label{font-size:.75rem;font-weight:600;color:#1f2937;display:flex;flex-direction:column;align-items:center;gap:.125rem}.hour-date{font-size:.625rem;font-weight:700;color:#059669;background-color:#d1fae5;padding:.125rem .25rem;border-radius:.25rem}.date-header.hour-view,.calendar-cell.hour-view,.room-type-header-row .calendar-cell.hour-view{flex:1 1 0;min-width:0;border-right:1px solid #e5e7eb}.room-row.hour-view{border-bottom:1px solid #e5e7eb}.room-row.hour-view .calendar-cell{flex:1 1 0;min-width:0;border-right:1px solid #e5e7eb}.room-type-section{display:flex;flex-direction:column}.room-type-header-row{display:flex;height:32px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer}.room-type-header-row .calendar-cell{flex:1 1 0;min-width:30px;border-right:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.room-row{display:flex;height:32px;border-bottom:1px solid #e5e7eb;position:relative;box-sizing:border-box}.calendar-cell{flex:1 1 0;min-width:30px;border-right:1px solid #e5e7eb;position:relative;background-color:#fff;transition:background-color .2s ease;box-sizing:border-box}.calendar-cell:first-child{border-left:none}.calendar-cell:last-child{border-right:none}.calendar-cell:hover{background-color:#dcfce7;cursor:pointer}.calendar-cell.has-reservation:hover{background-color:#fecaca}.calendar-cell.selecting{background-color:#bbf7d0}.calendar-cell.selection-start,.calendar-cell.selection-end{background-color:#86efac}.reservation-block{position:absolute;top:1px;left:1px;right:auto;height:calc(100% - 2px);border-radius:6px;padding:2px 4px;cursor:move;box-shadow:0 2px 8px #0000001f,inset 0 1px #ffffff40;border:1px solid rgba(255,255,255,.35);overflow:hidden;z-index:5;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;pointer-events:auto;max-width:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reservation-block:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000002e,inset 0 1px #ffffff4d;z-index:6;filter:brightness(1.05)}.reservation-block:active{cursor:grabbing;opacity:.9}.occupancy-reservation-content{display:flex;flex-direction:column;gap:0px;color:#fff;font-size:.75rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:100%;justify-content:center;padding:0 2px;position:relative}.reservation-guest-sticky{display:flex;flex-direction:column}.reservation-guest{font-weight:600;font-size:.75rem;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:0;overflow:hidden;text-overflow:ellipsis}.reservation-guest-initials{display:none;font-weight:600;font-size:.75rem;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.05em}.reservation-number{opacity:.85;font-size:.625rem;font-weight:400;text-shadow:0 1px 1px rgba(0,0,0,.15);text-transform:lowercase;overflow:hidden;text-overflow:ellipsis}.reservation-block.compact .reservation-guest{display:none}.reservation-block.compact .reservation-guest-initials{display:block}.reservation-block.compact .reservation-number{display:none}.reservation-block.active{background-color:#3b82f6}.reservation-block.checkedIn{background-color:#10b981}.reservation-block.checkedOut{background-color:#6b7280}.reservation-block.cancelled{background-color:#ef4444;opacity:.6}.resize-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:10;opacity:0;transition:opacity .2s}.reservation-block:hover .resize-handle{opacity:1}.resize-handle.resize-left{left:0;border-left:2px solid rgba(255,255,255,.6);background:linear-gradient(to right,rgba(255,255,255,.3),transparent)}.resize-handle.resize-right{right:0;border-right:2px solid rgba(255,255,255,.6);background:linear-gradient(to left,rgba(255,255,255,.3),transparent)}.resize-handle:hover{opacity:1!important;background-color:#fff6}.reservation-block.resizing{opacity:.8;cursor:ew-resize}.reservation-block.resizing .occupancy-reservation-content{pointer-events:none}.table-view{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.reservations-table{width:100%;border-collapse:collapse}.reservations-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.reservations-table th{padding:.75rem 1rem;text-align:left;font-size:.813rem;font-weight:600;color:#374151}.reservations-table td{padding:.75rem 1rem;font-size:.875rem;color:#4b5563;border-bottom:1px solid #f3f4f6}.reservations-table tbody tr:hover{background-color:#f9fafb}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.active{background-color:#dbeafe;color:#1d4ed8}.status-badge.checkedIn{background-color:#d1fae5;color:#065f46}.status-badge.checkedOut{background-color:#f3f4f6;color:#374151}.status-badge.cancelled{background-color:#fee2e2;color:#991b1b}@media(max-width:1024px){.occupancy-calendar-page{padding:.5rem}.calendar-sidebar{width:20%;min-width:140px}.occupancy-header{flex-wrap:wrap;gap:.75rem}.occupancy-controls{flex-wrap:wrap;gap:.5rem}.zoom-controls{order:3;width:100%;justify-content:center}.calendar-navigation{flex-wrap:wrap;gap:.5rem;padding:.5rem}.calendar-nav-left,.calendar-nav-center{flex:1;min-width:0}.date-filter-label{min-width:140px;font-size:.813rem}}@media(max-width:768px){.occupancy-calendar-page{padding:.375rem}.occupancy-header{flex-direction:column;gap:.75rem;align-items:stretch;margin-bottom:1rem}.occupancy-title h1{font-size:1.25rem}.occupancy-controls{width:100%;flex-wrap:wrap;gap:.5rem}.view-toggle{flex:1;min-width:0}.view-toggle-btn{flex:1;padding:.5rem;font-size:.75rem}.new-reservation-btn{flex:1;justify-content:center;padding:.5rem .75rem;font-size:.813rem}.new-reservation-btn span{display:none}.zoom-controls{width:100%;justify-content:center;padding:.25rem .5rem}.zoom-indicator{min-width:80px;font-size:.75rem}.zoom-btn{width:28px;height:28px}.calendar-container{border-radius:.375rem}.calendar-navigation{flex-direction:column;gap:.5rem;padding:.5rem}.calendar-nav-left{width:100%;justify-content:space-between}.calendar-nav-center,.table-date-filter{width:100%;justify-content:center}.date-filter-label{min-width:120px;font-size:.75rem}.nav-btn{width:32px;height:32px}.date-range{font-size:.813rem}.calendar-grid-wrapper{max-height:calc(100vh - 220px);-webkit-overflow-scrolling:touch}.calendar-sidebar{width:80px;min-width:80px}.sidebar-header{height:50px;min-height:50px;max-height:50px;flex:0 0 50px;padding:0 .5rem;font-size:.75rem}.room-type-header,.room-row-sidebar{height:28px;padding:0 .5rem;font-size:.625rem}.room-status-dot{width:6px;height:6px}.date-headers{height:50px;min-height:50px;max-height:50px}.date-header{min-width:36px;padding:.25rem}.date-day{font-size:.563rem}.date-number{font-size:.75rem}.room-type-header-row{height:28px}.room-type-header-row .calendar-cell{min-width:36px}.room-row{height:28px}.calendar-cell{min-width:36px}.reservation-block{padding:1px 2px;border-radius:4px}.occupancy-reservation-content{font-size:.625rem;padding:0 1px}.reservation-guest,.reservation-guest-initials{font-size:.625rem}.reservation-number{font-size:.5rem}.table-view{border-radius:.375rem;overflow-x:auto}.reservations-table{min-width:600px}.reservations-table th,.reservations-table td{padding:.5rem .75rem;font-size:.75rem}.table-pagination{padding:.75rem;gap:.5rem}.pagination-btn{width:28px;height:28px}.pagination-info{font-size:.75rem}}@media(max-width:480px){.occupancy-calendar-page{padding:.25rem}.occupancy-header{margin-bottom:.75rem}.occupancy-title h1{font-size:1.125rem}.view-toggle-btn{padding:.375rem}.new-reservation-btn{padding:.5rem}.zoom-controls{padding:.125rem .375rem}.zoom-btn{width:24px;height:24px}.zoom-indicator{min-width:60px;font-size:.688rem}.calendar-grid-wrapper{max-height:calc(100vh - 200px)}.calendar-sidebar{width:60px;min-width:60px}.sidebar-header{height:44px;min-height:44px;max-height:44px;flex:0 0 44px;font-size:.625rem;padding:0 .25rem}.room-type-header,.room-row-sidebar{height:24px;font-size:.563rem;padding:0 .25rem}.room-number{font-size:.625rem}.room-status-dot{width:5px;height:5px}.date-headers{height:44px;min-height:44px;max-height:44px}.date-header{min-width:28px;padding:.125rem}.date-day{font-size:.5rem}.date-number{font-size:.625rem}.room-type-header-row{height:24px}.room-type-header-row .calendar-cell{min-width:28px}.room-row{height:24px}.calendar-cell{min-width:28px}.reservation-block{padding:0 1px;border-radius:3px}.occupancy-reservation-content{font-size:.5rem}.reservation-guest{font-size:.5rem;display:none}.reservation-guest-initials{display:block;font-size:.5rem}.reservation-number{display:none}.calendar-navigation{padding:.375rem}.nav-btn{width:28px;height:28px}.date-range{font-size:.75rem}.date-filter-label{min-width:100px;font-size:.688rem}.reservations-table th,.reservations-table td{padding:.375rem .5rem;font-size:.688rem}.status-badge{padding:.125rem .5rem;font-size:.625rem}}@media(hover:none)and (pointer:coarse){.calendar-cell:hover{background-color:#fff}.calendar-cell:active{background-color:#dcfce7}.reservation-block:hover{transform:none;box-shadow:0 2px 8px #0000001f,inset 0 1px #ffffff40;filter:none}.reservation-block:active{transform:scale(.98);opacity:.9}.resize-handle{width:16px;opacity:.5}.nav-btn,.zoom-btn,.pagination-btn{min-width:44px;min-height:44px}}@media(max-width:896px)and (orientation:landscape){.calendar-grid-wrapper{max-height:calc(100vh - 140px)}.occupancy-header{flex-direction:row;flex-wrap:wrap;margin-bottom:.5rem}.occupancy-controls{flex-wrap:nowrap}.zoom-controls{order:0;width:auto}}.channel-manager-page .resize-handle,.channel-manager-page .resize-handle.resize-left,.channel-manager-page .resize-handle.resize-right,.channel-manager-page .reservation-block .resize-handle,.channel-manager-page .reservation-block .resize-handle.resize-left,.channel-manager-page .reservation-block .resize-handle.resize-right{display:none!important;visibility:hidden!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important;border:none!important;background:none!important;background-image:none!important}.channel-manager-page .reservation-block:hover .resize-handle,.channel-manager-page .reservation-block:hover .resize-handle.resize-left,.channel-manager-page .reservation-block:hover .resize-handle.resize-right{display:none!important;visibility:hidden!important;opacity:0!important}.channel-manager-page .reservation-block{cursor:default!important;box-shadow:none!important;border:none!important}.channel-manager-page .reservation-block:hover{cursor:default!important;transform:none!important;box-shadow:none!important;filter:none!important}.channel-manager-page .reservation-block:active{cursor:default!important;opacity:1!important}.channel-manager-page .calendar-cell{cursor:default!important}.channel-manager-page .reservation-block:before,.channel-manager-page .reservation-block:after{display:none!important}.channel-manager-page.scroll-mode .date-header,.channel-manager-page.scroll-mode .calendar-cell{min-width:calc((100vw - 200px) / 31)!important;max-width:calc((100vw - 200px) / 31)!important;flex:0 0 calc((100vw - 200px) / 31)!important}.channel-manager-page.scroll-mode .date-headers,.channel-manager-page.scroll-mode .room-row,.channel-manager-page.scroll-mode .room-type-header-row{width:fit-content!important;min-width:100%!important}.channel-manager-page.scroll-mode .occupancy-calendar-grid{overflow-x:auto!important}.channel-manager-page.scroll-mode .room-type-section{width:fit-content!important;min-width:100%!important}.channel-manager-page .room-type-header-row{gap:0!important;background-color:#1f2937!important}.channel-manager-page .room-type-header-row .calendar-cell{border:none!important;border-right:none!important;border-left:none!important;margin:0!important;background-color:#1f2937!important}.channel-manager-page .room-type-header{border-right:1px solid #1f2937!important}.channel-manager-page .room-type-group .room-type-header{border-right-color:#1f2937!important}.channel-manager-page:not(.scroll-mode) .date-header,.channel-manager-page:not(.scroll-mode) .calendar-cell{min-width:0!important;max-width:none!important;flex:1 1 0!important}.channel-manager-page:not(.scroll-mode) .date-headers,.channel-manager-page:not(.scroll-mode) .room-row,.channel-manager-page:not(.scroll-mode) .room-type-header-row{width:100%!important}.channel-manager-page:not(.scroll-mode) .occupancy-calendar-grid{overflow-x:hidden!important;width:100%!important}.channel-manager-page .room-type-section{overflow:visible!important}.channel-manager-page .room-type-section .room-row{display:flex!important;width:100%!important}.channel-manager-page .room-type-section .room-row .calendar-cell{display:flex!important;align-items:center!important;justify-content:center!important}.channel-manager-page .calendar-nav-left{padding-left:0!important;margin-left:0!important}.channel-manager-page .cm-editable-cell:hover{background-color:#fef9c3!important;outline:1px solid #eab308!important}.channel-manager-page .cm-free-cell:hover{background-color:inherit!important;outline:none!important}.channel-manager-page .calendar-grid-wrapper{max-height:none!important;height:auto!important;overflow-y:visible!important}.channel-manager-page .calendar-container,.channel-manager-page .occupancy-calendar-grid{overflow:visible!important}@media(max-width:768px){.channel-manager-page.occupancy-calendar-page{padding:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}.channel-manager-page .calendar-navigation{padding:.5rem!important}.channel-manager-page .calendar-container{overflow:hidden!important;width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;border-radius:0!important;box-sizing:border-box!important}.channel-manager-page .calendar-sidebar{min-width:130px!important;max-width:130px!important;width:130px!important;flex-shrink:0!important}.channel-manager-page .sidebar-header,.channel-manager-page .room-type-header,.channel-manager-page .room-row-sidebar{min-width:130px!important;max-width:130px!important;width:130px!important}.channel-manager-page .calendar-grid-wrapper{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;flex:1!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.channel-manager-page .occupancy-calendar-grid{width:max-content!important;min-width:max-content!important;box-sizing:border-box!important}.channel-manager-page .date-headers,.channel-manager-page .room-row,.channel-manager-page .room-type-header-row{width:max-content!important;min-width:max-content!important;display:flex!important;flex-wrap:nowrap!important;box-sizing:border-box!important}.channel-manager-page .date-header,.channel-manager-page .calendar-cell,.channel-manager-page .room-type-header-row .calendar-cell{min-width:35px!important;max-width:35px!important;width:35px!important;flex:0 0 35px!important;flex-shrink:0!important;flex-grow:0!important;box-sizing:border-box!important}.channel-manager-page.scroll-mode .date-header,.channel-manager-page.scroll-mode .calendar-cell,.channel-manager-page.scroll-mode .room-type-header-row .calendar-cell{min-width:35px!important;max-width:35px!important;width:35px!important;flex:0 0 35px!important;flex-shrink:0!important;flex-grow:0!important}.channel-manager-page.scroll-mode .occupancy-calendar-grid,.channel-manager-page.scroll-mode .date-headers,.channel-manager-page.scroll-mode .room-row,.channel-manager-page.scroll-mode .room-type-header-row{width:max-content!important;min-width:max-content!important}}.reservation-engine-page{background-color:#f5f5f5;min-height:100vh}.re-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#fff;box-shadow:0 2px 4px #00000014;position:sticky;top:0;z-index:100}.re-header-left{display:flex;align-items:center}.re-hotel-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.re-header-right{display:flex;align-items:center;gap:12px}.re-dropdown-container{position:relative}.re-dropdown-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.875rem;color:#374151;transition:all .2s}.re-dropdown-btn:hover{background:#e5e7eb}.re-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;z-index:1000;overflow:hidden}.re-dropdown-item{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;cursor:pointer;font-size:.875rem;color:#374151;transition:background .2s}.re-dropdown-item:hover{background:#f3f4f6}.re-dropdown-item.active{background:#3b82f6;color:#fff}.re-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-height:300px;overflow:hidden}.re-gallery-item{overflow:hidden}.re-gallery-item img{width:100%;height:300px;object-fit:cover;transition:transform .3s}.re-gallery-item:hover img{transform:scale(1.05)}.re-info-bar{display:flex;justify-content:center;gap:32px;padding:20px 32px;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.re-info-item{display:flex;align-items:center;gap:10px;color:#6b7280;position:relative}.re-info-item.re-info-clickable{cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .2s}.re-info-item.re-info-clickable:hover{background:#f3f4f6}.re-info-content{display:flex;flex-direction:column}.re-info-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.re-info-value{font-size:.95rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:4px}.re-info-value svg{color:#9ca3af}.re-date-picker{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #00000026;padding:16px;z-index:1000;min-width:280px}.re-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.re-picker-header span{font-weight:600;color:#1f2937;text-transform:capitalize}.re-picker-header button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.re-picker-header button:hover{background:#e5e7eb;color:#1f2937}.re-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.re-picker-day-name{text-align:center;font-size:.7rem;font-weight:600;color:#9ca3af;padding:4px 0}.re-picker-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.re-picker-date{display:flex;align-items:center;justify-content:center;height:36px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s;color:#374151}.re-picker-date:hover:not(.empty):not(.disabled){background:#dbeafe;color:#1e40af}.re-picker-date.empty{cursor:default}.re-picker-date.disabled{color:#d1d5db;cursor:not-allowed}.re-picker-date.selected{background:#3b82f6;color:#fff}.re-simple-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:140px;max-height:250px;overflow-y:auto;z-index:1000}.re-dropdown-option{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;cursor:pointer;font-size:.875rem;color:#374151;transition:background .2s}.re-dropdown-option:hover{background:#f3f4f6}.re-dropdown-option.active{background:#3b82f6;color:#fff}.re-main-content{display:grid;grid-template-columns:1fr 340px;gap:24px;padding:24px 32px;max-width:1400px;margin:0 auto}.re-rooms-section{display:flex;flex-direction:column;gap:20px}.re-room-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:visible;position:relative;z-index:1}.re-room-card:first-child{z-index:10}.re-room-card:nth-child(2){z-index:9}.re-room-card:nth-child(3){z-index:8}.re-room-card:nth-child(4){z-index:7}.re-room-card:nth-child(5){z-index:6}.re-room-calendar-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s;z-index:1}.re-room-calendar-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.re-room-content{display:grid;grid-template-columns:280px 1fr;gap:20px;padding:20px}.re-room-image{border-radius:8px;overflow:hidden}.re-room-image img{width:100%;height:200px;object-fit:cover}.re-room-details{display:flex;flex-direction:column;gap:10px}.re-room-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.re-room-capacity{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#6b7280;margin:0}.re-room-amenities{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.re-amenity-tag{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#f3f4f6;border-radius:4px;font-size:.75rem;color:#4b5563}.re-room-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0}.re-room-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 20px;overflow:visible;position:relative;z-index:10}.re-price-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.re-price-name{font-size:.875rem;font-weight:600;color:#1f2937}.re-price-type{font-size:.75rem;padding:4px 8px;background:#dcfce7;color:#166534;border-radius:4px}.re-price-features{display:flex;gap:8px;margin-bottom:12px}.re-feature-tag{font-size:.7rem;padding:3px 8px;background:#dbeafe;color:#1e40af;border-radius:4px}.re-price-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.re-price-amount{font-size:1.5rem;font-weight:700;color:#1f2937}.re-price-guests{display:flex;gap:16px;font-size:.875rem;color:#6b7280}.re-guest-selector{position:relative}.re-guest-value{display:flex;align-items:center;gap:4px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.re-guest-value:hover{background:#e5e7eb;color:#1f2937}.re-guest-value svg{color:#9ca3af}.re-guest-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:120px;max-height:200px;overflow-y:auto;z-index:100}.re-guest-option{display:block;width:100%;padding:8px 12px;text-align:left;background:none;border:none;cursor:pointer;font-size:.8rem;color:#374151;transition:background .2s}.re-guest-option:hover{background:#f3f4f6}.re-guest-option.active{background:#3b82f6;color:#fff}.re-price-description{font-size:.8rem;color:#6b7280;margin:0 0 12px;line-height:1.4}.re-price-actions{display:flex;align-items:center;gap:16px}.re-link-btn{background:none;border:none;color:#3b82f6;font-size:.875rem;cursor:pointer;text-decoration:underline;padding:0}.re-link-btn:hover{color:#2563eb}.re-reserve-btn{margin-left:auto;padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.re-reserve-btn:hover{background:#2563eb}.re-sidebar{display:flex;flex-direction:column;gap:16px}.re-sidebar-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.re-sidebar-title{font-size:.875rem;font-weight:700;color:#1f2937;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.re-summary-section{padding:12px 0;border-bottom:1px solid #e5e7eb}.re-summary-section:first-of-type{padding-top:0}.re-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.re-summary-row:last-child{margin-bottom:0}.re-summary-label{font-size:.8rem;color:#6b7280}.re-summary-value{font-size:.85rem;font-weight:500;color:#1f2937}.re-summary-value.re-highlight{color:#3b82f6;font-weight:600}.re-summary-room-info{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.re-room-title{font-size:.9rem;font-weight:600;color:#1f2937}.re-room-plan{font-size:.75rem;color:#6b7280}.re-summary-guests{font-size:.8rem;color:#4b5563}.re-summary-pricing{border-bottom:none}.re-summary-total-row{padding-top:8px;margin-top:8px;border-top:1px dashed #e5e7eb}.re-total-amount{font-size:1.1rem;font-weight:700;color:#1f2937}.re-summary-note{font-size:.65rem;color:#9ca3af;margin:8px 0 16px;font-style:italic}.re-checkout-btn{width:100%;padding:12px 16px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.re-checkout-btn:hover{background:#16a34a}.re-summary-empty{text-align:center;padding:24px 16px}.re-empty-icon{font-size:2.5rem;margin-bottom:12px}.re-summary-empty p{font-size:.9rem;font-weight:500;color:#374151;margin:0 0 4px}.re-summary-empty span{font-size:.75rem;color:#9ca3af}.re-reserve-btn.selected{background:#22c55e}.re-reserve-btn.selected:hover{background:#16a34a}.re-map-card{padding:16px;overflow:hidden}.re-map-container{border-radius:8px;overflow:hidden;margin-bottom:12px}.re-map-container iframe{display:block}.re-map-address{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#4b5563;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.re-map-address svg{color:#ef4444;flex-shrink:0}.re-map-buttons{display:flex;gap:8px}.re-map-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:.75rem;font-weight:500;color:#374151;text-decoration:none;cursor:pointer;transition:all .2s;white-space:nowrap}.re-map-btn:hover{background:#e5e7eb;color:#1f2937}.re-map-btn svg{flex-shrink:0;color:#374151}.re-features-card h4{font-size:.9rem;font-weight:600;color:#1f2937;margin:0 0 12px}.re-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.re-features-list li{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#374151}.re-features-list li svg{color:#22c55e}.re-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.re-modal{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.re-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.re-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937}.re-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.re-modal-close:hover{background:#e5e7eb;color:#1f2937}.re-modal-content{padding:20px;overflow-y:auto}.re-modal-content h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 8px}.re-modal-content h5{font-size:.9rem;font-weight:600;color:#374151;margin:16px 0 8px}.re-modal-content p{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0 0 12px}.re-modal-content ul{margin:0;padding-left:20px}.re-modal-content li{font-size:.875rem;color:#6b7280;margin-bottom:6px}.re-room-detail-modal{max-width:700px;max-height:90vh}.re-room-clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.re-room-clickable:hover{transform:translateY(-2px)}.re-room-gallery{margin-bottom:20px}.re-gallery-main{position:relative;border-radius:8px;overflow:hidden;margin-bottom:12px}.re-gallery-main img{width:100%;height:350px;object-fit:cover}.re-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;color:#1f2937;transition:all .2s;box-shadow:0 2px 8px #00000026}.re-gallery-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.re-gallery-prev{left:12px}.re-gallery-next{right:12px}.re-gallery-counter{position:absolute;bottom:12px;right:12px;padding:6px 12px;background:#0009;color:#fff;border-radius:4px;font-size:.8rem}.re-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.re-gallery-thumb{flex-shrink:0;width:80px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;opacity:.6;transition:all .2s;border:2px solid transparent}.re-gallery-thumb:hover{opacity:.9}.re-gallery-thumb.active{opacity:1;border-color:#3b82f6}.re-gallery-thumb img{width:100%;height:100%;object-fit:cover}.re-room-modal-info{display:flex;flex-direction:column;gap:20px}.re-room-modal-capacity{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f3f4f6;border-radius:8px;font-size:.9rem;font-weight:500;color:#374151}.re-room-modal-amenities h4,.re-room-modal-description h4{margin-bottom:12px}.re-amenities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.re-amenity-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#4b5563}.re-amenity-item svg{color:#22c55e;flex-shrink:0}.re-room-modal-description p{line-height:1.6}.re-room-modal-specs{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.re-spec-item{display:flex;justify-content:space-between;align-items:center}.re-spec-label{font-size:.85rem;color:#6b7280}.re-spec-value{font-size:.9rem;font-weight:600;color:#1f2937}.re-calendar-modal{max-width:400px}.re-calendar-modal-wide{max-width:450px}.re-calendar-selection-info{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:16px}.re-selection-item{text-align:center;padding:8px 16px;border-radius:6px;transition:all .2s}.re-selection-item.active{background:#3b82f6;color:#fff}.re-selection-label{display:block;font-size:.7rem;color:#6b7280;margin-bottom:4px}.re-selection-item.active .re-selection-label{color:#fffc}.re-selection-value{font-size:.9rem;font-weight:600;color:#1f2937}.re-selection-item.active .re-selection-value{color:#fff}.re-selection-arrow{color:#9ca3af;font-size:1.2rem}.re-calendar-dates-with-price{gap:6px}.re-calendar-date-selectable{flex-direction:column;height:52px;padding:4px;cursor:pointer}.re-calendar-date-selectable.occupied{cursor:not-allowed;opacity:.6}.re-date-day{font-size:.85rem;font-weight:500}.re-date-price{font-size:.6rem;color:#22c55e;font-weight:500}.re-calendar-date.selected-checkin{background:#3b82f6!important;color:#fff!important}.re-calendar-date.selected-checkin .re-date-price{color:#fffc}.re-calendar-date.selected-checkout{background:#1d4ed8!important;color:#fff!important}.re-calendar-date.selected-checkout .re-date-price{color:#fffc}.re-calendar-date.in-range{background:#dbeafe!important;color:#1e40af!important}.re-calendar-date.in-range .re-date-price{color:#3b82f6}.re-calendar-grid{display:flex;flex-direction:column;gap:12px}.re-calendar-header{text-align:center;font-weight:600;color:#1f2937}.re-calendar-nav-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px}.re-calendar-nav-header span{text-transform:capitalize}.re-calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.re-calendar-nav-btn:hover{background:#e5e7eb;color:#1f2937}.re-calendar-date.empty{background:transparent;cursor:default}.re-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.re-calendar-day-name{text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;padding:8px 0}.re-calendar-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.re-calendar-date{display:flex;align-items:center;justify-content:center;height:36px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.re-calendar-date.available{background:#dcfce7;color:#166534}.re-calendar-date.occupied{background:#fee2e2;color:#991b1b}.re-calendar-legend{display:flex;justify-content:center;gap:24px;margin-top:8px}.re-legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280}.re-legend-dot{width:12px;height:12px;border-radius:4px}.re-legend-item.available .re-legend-dot{background:#dcfce7;border:1px solid #166534}.re-legend-item.occupied .re-legend-dot{background:#fee2e2;border:1px solid #991b1b}.re-checkout-section{flex:1}.re-checkout-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.re-checkout-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;overflow:visible}.re-checkout-card-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #3b82f6}.re-payment-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px}.re-info-icon{color:#1f2937;flex-shrink:0;margin-top:2px}.re-payment-note{font-size:.8rem;color:#6b7280;margin:0;line-height:1.5}.re-card-input-wrapper{position:relative;display:flex;align-items:center}.re-card-input-wrapper input{flex:1;padding-right:60px}.re-card-type-icon{position:absolute;right:12px;display:flex;align-items:center}.re-visa-icon{background:linear-gradient(135deg,#1a1f71,#2557d6);color:#fff;font-size:.65rem;font-weight:700;padding:4px 8px;border-radius:4px;letter-spacing:1px}.re-mastercard-icon{background:linear-gradient(135deg,#eb001b,#f79e1b);color:#fff;font-size:.65rem;font-weight:700;padding:4px 8px;border-radius:4px}.re-default-card-icon{color:#9ca3af}.re-checkout-form{display:flex;flex-direction:column;gap:16px}.re-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.re-form-group{display:flex;flex-direction:column;gap:6px}.re-form-group label{font-size:.8rem;font-weight:500;color:#374151}.re-form-group input,.re-form-group textarea,.re-form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:border-color .2s}.re-form-group input:focus,.re-form-group textarea:focus,.re-form-group select:focus{outline:none;border-color:#3b82f6}.re-form-group textarea{resize:vertical;min-height:80px}.re-phone-input{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;overflow:visible}.re-phone-input input{border:none;flex:1;padding:10px 12px}.re-phone-input input:focus{outline:none}.re-expiry-inputs{display:flex;gap:8px}.re-search-select{position:relative;min-width:100px}.re-search-select-small{min-width:80px;flex:1}.re-search-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.85rem;color:#374151;transition:all .2s}.re-search-select-trigger:hover{background:#e5e7eb}.re-search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:1000;min-width:200px;overflow:hidden}.re-search-dropdown-small{min-width:100px}.re-dropdown-no-search{padding-top:0}.re-dropdown-no-search .re-search-options{max-height:180px}.re-search-input{width:100%;padding:10px 12px;border:none;border-bottom:1px solid #e5e7eb;font-size:.85rem;outline:none}.re-search-input:focus{background:#f9fafb}.re-search-options{max-height:200px;overflow-y:auto}.re-search-option{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;font-size:.85rem;color:#374151;transition:background .2s}.re-search-option:hover{background:#f3f4f6}.re-search-option.active{background:#3b82f6;color:#fff}.re-option-code{margin-left:auto;color:#9ca3af;font-size:.75rem}.re-search-option.active .re-option-code{color:#ffffffb3}.re-form-group-overflow{overflow:visible;position:relative;z-index:100}.re-cvv-hint{font-size:.7rem;color:#9ca3af}.re-ssl-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:24px}.re-ssl-icon{font-size:1.5rem}.re-ssl-notice p{font-size:.8rem;color:#166534;margin:0;line-height:1.5}.re-checkout-actions{display:flex;justify-content:space-between;gap:16px}.re-back-btn{padding:12px 24px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.re-back-btn:hover{background:#e5e7eb}.re-complete-btn{padding:12px 32px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.re-complete-btn:hover{background:#16a34a}.re-error-modal{max-width:400px}.re-error-header{background:#fef2f2;border-bottom:1px solid #fecaca}.re-error-header h3{color:#dc2626}.re-error-content{text-align:center;padding:32px 24px}.re-error-icon{font-size:3rem;margin-bottom:16px}.re-error-message{font-size:1rem;color:#374151;margin:0 0 8px}.re-error-code{font-size:.8rem;color:#9ca3af;margin:0 0 24px}.re-error-close-btn{padding:10px 32px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.re-error-close-btn:hover{background:#b91c1c}.re-confirmation-modal{max-width:600px;max-height:90vh;overflow-y:auto}.re-confirmation-content{padding:32px;text-align:center}.re-confirmation-page{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;text-align:center;max-width:100%}.re-confirmation-page h2{font-size:1.5rem;font-weight:700;color:#166534;margin:0 0 8px}.re-confirmation-icon{font-size:4rem;margin-bottom:16px}.re-confirmation-content h2{font-size:1.5rem;font-weight:700;color:#166534;margin:0 0 8px}.re-confirmation-number{font-size:1rem;color:#6b7280;margin:0 0 24px}.re-confirmation-number strong{color:#1f2937;font-family:monospace;font-size:1.1rem}.re-confirmation-details{text-align:left;background:#f9fafb;border-radius:8px;padding:20px;margin-bottom:20px}.re-confirmation-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.re-confirmation-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.re-confirmation-section h4{font-size:.85rem;font-weight:600;color:#374151;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.re-confirmation-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.9rem}.re-confirmation-row span:first-child{color:#6b7280}.re-confirmation-row span:last-child{color:#1f2937;font-weight:500}.re-confirmation-total{background:#ecfdf5;margin:0 -20px -20px;padding:16px 20px;border-radius:0 0 8px 8px}.re-total-price{font-size:1.2rem!important;font-weight:700!important;color:#166534!important}.re-confirmation-email{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:24px}.re-email-icon{font-size:1.5rem}.re-confirmation-email p{font-size:.85rem;color:#1e40af;margin:0}.re-confirmation-actions{display:flex;justify-content:center;gap:12px}.re-print-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.re-print-btn svg{color:#1f2937}.re-print-btn:hover{background:#e5e7eb}.re-home-btn{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.re-home-btn:hover{background:#2563eb}.re-footer{margin-top:24px;padding:8px 0;border-top:1px solid #e5e7eb;background:#f9fafb}.re-footer-content{display:flex;flex-direction:column;align-items:center;gap:2px}.re-footer-logo{display:flex;align-items:center}.re-chexta-logo-img{height:24px;width:auto}.re-footer-slogan{font-size:.8rem;color:#6b7280;margin:4px 0 0;font-style:italic}.re-footer-text{font-size:.5rem;color:#1f2937;margin:0;letter-spacing:2px;text-transform:uppercase}@media(max-width:1024px){.re-main-content{grid-template-columns:1fr}.re-sidebar{order:-1}.re-checkout-cards{grid-template-columns:1fr}}@media(max-width:768px){.re-header{padding:12px 16px}.re-hotel-name{font-size:1.2rem}.re-gallery{grid-template-columns:1fr}.re-gallery-item img{height:200px}.re-info-bar{padding:16px;gap:16px}.re-main-content{padding:16px}.re-room-content{grid-template-columns:1fr}.re-room-image img{height:180px}}.res-builder-page{display:grid;grid-template-columns:400px 1fr;height:calc(100vh - 60px);background:#f3f4f6}.res-builder-settings{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.res-builder-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.res-builder-header h1{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0}.res-save-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.res-save-btn:hover{background:#2563eb}.res-builder-tabs{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.res-builder-tabs::-webkit-scrollbar{display:none}.res-builder-tabs-container{display:flex;align-items:center;gap:4px;padding:12px 8px;border-bottom:1px solid #e5e7eb}.res-tabs-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;flex-shrink:0;transition:all .2s}.res-tabs-arrow:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.res-tabs-arrow:disabled{opacity:.4;cursor:not-allowed}.res-builder-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;font-size:.8rem;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .2s}.res-builder-tab:hover{background:#f3f4f6;color:#1f2937}.res-builder-tab.active{background:#eff6ff;color:#3b82f6;font-weight:500}.res-builder-panel{flex:1;overflow-y:auto;padding:20px;position:relative}.res-builder-panel::-webkit-scrollbar{width:8px}.res-builder-panel::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.res-builder-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:4px}.res-builder-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#7c3aed)}.res-scroll-indicator{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:12px 0;background:linear-gradient(to top,#fff,#ffffffe6,#fff0);pointer-events:none;animation:bounce 2s infinite}.res-scroll-indicator span{font-size:.7rem;color:#6b7280;margin-bottom:4px}.res-scroll-indicator svg{color:#3b82f6}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}.res-scroll-indicator.hidden{display:none}.res-builder-section h3{font-size:.95rem;font-weight:600;color:#1f2937;margin:0 0 16px}.res-form-group{margin-bottom:16px}.res-form-group label{display:block;font-size:.8rem;font-weight:500;color:#374151;margin-bottom:6px}.res-form-group input[type=text],.res-form-group input[type=email],.res-form-group input[type=number],.res-form-group select,.res-form-group textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;color:#1f2937;background:#fff;transition:border-color .2s}.res-form-group input:focus,.res-form-group select:focus,.res-form-group textarea:focus{outline:none;border-color:#3b82f6}.res-color-input{display:flex;gap:8px}.res-color-input input[type=color]{width:40px;height:36px;padding:2px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.res-color-input input[type=text]{flex:1}.res-checkbox-group{margin-bottom:12px}.res-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.res-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.res-checkbox span{font-size:.85rem;color:#374151}.res-gallery-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.res-gallery-item{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden}.res-gallery-item img{width:100%;height:100%;object-fit:cover}.res-gallery-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#ef4444e6;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.res-gallery-item:hover .res-gallery-remove{opacity:1}.res-add-image-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:6px;color:#6b7280;font-size:.85rem;cursor:pointer;transition:all .2s}.res-add-image-btn:hover{background:#e5e7eb;border-color:#9ca3af}.res-builder-preview{display:flex;flex-direction:column;padding:20px;overflow:hidden}.res-preview-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.res-preview-container{flex:1;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column}.res-preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.res-preview-header h2{font-size:1rem;font-weight:600;margin:0}.res-preview-header-right{display:flex;align-items:center;gap:12px;font-size:.75rem}.res-preview-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:0 4px}.res-preview-gallery-item{aspect-ratio:16/9;overflow:hidden}.res-preview-gallery-item img{width:100%;height:100%;object-fit:cover}.res-preview-infobar{display:flex;justify-content:space-around;padding:12px 16px;margin:12px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.res-preview-info-item{display:flex;align-items:center;gap:8px}.res-preview-info-item>div{display:flex;flex-direction:column}.res-preview-label-text{font-size:.6rem;color:#6b7280}.res-preview-value{font-size:.7rem;font-weight:500;color:#1f2937}.res-preview-content{display:grid;grid-template-columns:1fr 200px;gap:12px;padding:0 12px;flex:1;overflow:hidden}.res-preview-rooms{overflow-y:auto}.res-preview-room-card{display:flex;gap:12px;padding:12px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.res-preview-room-image{width:80px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;flex-shrink:0}.res-preview-room-info{flex:1}.res-preview-room-info h4{font-size:.8rem;font-weight:600;margin:0 0 4px;color:#1f2937}.res-preview-room-info p{font-size:.65rem;color:#6b7280;margin:0 0 6px}.res-preview-price{font-size:.85rem;font-weight:700;color:#1f2937;margin-bottom:8px}.res-preview-btn{padding:6px 12px;color:#fff;border:none;border-radius:4px;font-size:.7rem;font-weight:500;cursor:pointer}.res-preview-sidebar{padding:12px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.res-preview-sidebar h4{font-size:.7rem;font-weight:600;color:#1f2937;margin:0 0 12px;letter-spacing:.5px}.res-preview-summary-row{display:flex;justify-content:space-between;font-size:.65rem;padding:4px 0;border-bottom:1px solid #f3f4f6}.res-preview-summary-row span:first-child{color:#6b7280}.res-preview-summary-row span:last-child{color:#1f2937;font-weight:500}.res-preview-complete-btn{width:100%;margin-top:12px;padding:8px;color:#fff;border:none;border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer}.res-preview-footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#f9fafb;border-top:1px solid #e5e7eb}.res-preview-footer-logo{height:16px;width:auto}.res-preview-footer span{font-size:.5rem;color:#1f2937;letter-spacing:1px;text-transform:uppercase}.res-embed-description{font-size:.85rem;color:#6b7280;margin:0 0 16px;line-height:1.5}.res-embed-code-container{position:relative;background:#1f2937;border-radius:8px;padding:16px;margin-bottom:16px}.res-embed-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:#e5e7eb;white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.6}.res-copy-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#374151;color:#e5e7eb;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.res-copy-btn:hover{background:#4b5563}.res-embed-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px 16px}.res-embed-info p{font-size:.8rem;color:#1e40af;margin:0 0 8px}.res-embed-info ul{margin:0;padding-left:20px}.res-embed-info li{font-size:.8rem;color:#3b82f6;margin-bottom:4px}.res-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 20px;background:#166534;color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:.9rem;font-weight:500;z-index:9999;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1024px){.res-builder-page{grid-template-columns:1fr;height:auto}.res-builder-settings{border-right:none;border-bottom:1px solid #e5e7eb}.res-builder-preview{min-height:500px}}.task-management-page{padding:1.5rem;background-color:#f9fafb;min-height:calc(100vh - 60px)}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-title{display:flex;align-items:center;gap:1rem}.header-title svg{color:#1f2937}.header-title h1{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.header-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#6b7280}.new-task-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.new-task-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.task-filters{background:#fff;border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.filter-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filter-group label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:#374151}.filter-group label svg{color:#6b7280}.filter-group select,.filter-group input[type=date]{padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#1f2937;background:#fff;cursor:pointer;transition:all .2s ease}.filter-group select:focus,.filter-group input[type=date]:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.date-range-inputs{display:flex;align-items:center;gap:.5rem}.date-range-inputs span{color:#9ca3af}.date-range-inputs input{width:140px}.search-group{flex:1;min-width:250px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;left:.75rem;color:#9ca3af}.search-input-wrapper input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#1f2937;transition:all .2s ease}.search-input-wrapper input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.task-list-container{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.task-list-header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.task-list-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.task-table-wrapper{overflow-x:auto}.task-table{width:100%;border-collapse:collapse}.task-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;background:#f9fafb;border-bottom:1px solid #e5e7eb;white-space:nowrap}.task-table td{padding:.875rem 1rem;font-size:.875rem;color:#374151;border-bottom:1px solid #e5e7eb;vertical-align:middle}.task-table tbody tr:hover{background:#f9fafb}.task-table tbody tr:last-child td{border-bottom:none}.id-cell{font-weight:600;color:#3b82f6!important}.job-cell{font-weight:500;color:#1f2937!important}.room-cell{font-weight:600;color:#1f2937!important}.status-badge,.importance-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.actions-cell{display:flex;gap:.25rem}.action-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.375rem;background:transparent;cursor:pointer;transition:all .15s ease}.action-icon.view{color:#3b82f6}.action-icon.view:hover{background:#dbeafe}.action-icon.edit{color:#f59e0b}.action-icon.edit:hover{background:#fef3c7}.action-icon.complete{color:#22c55e}.action-icon.complete:hover{background:#dcfce7}.action-icon.delete{color:#ef4444}.action-icon.delete:hover{background:#fef2f2}.empty-row{text-align:center;padding:3rem 1rem!important;color:#9ca3af}.empty-row svg{margin-bottom:1rem;opacity:.5}.empty-row p{margin:0;font-size:.875rem}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.modal-content.view-modal{max-width:700px}.modal-content.delete-modal{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.modal-header.delete-header{background:#fef2f2;border-bottom-color:#fecaca}.modal-header.delete-header h3{color:#dc2626}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.375rem;background:transparent;color:#6b7280;cursor:pointer;transition:all .15s ease}.modal-close:hover{background:#e5e7eb;color:#1f2937}.modal-body{padding:1.5rem}.modal-body p{margin:0;font-size:.938rem;color:#374151;line-height:1.6}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.813rem;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#1f2937;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 3px #1f29371a}.form-group textarea{resize:vertical;font-family:inherit}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-cancel{padding:.75rem 1.5rem;background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#e5e7eb;color:#1f2937}.btn-delete{padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;background:#f9fafb;border-radius:.5rem}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}.detail-value{font-size:.875rem;font-weight:500;color:#1f2937}.action-icon.start{color:#22c55e}.action-icon.start:hover{background:#dcfce7}.action-icon.pause{color:#f97316}.action-icon.pause:hover{background:#ffedd5}.action-icon.stop{color:#ef4444}.action-icon.stop:hover{background:#fef2f2}.time-cell{white-space:nowrap}.time-display{display:flex;align-items:center;gap:.375rem;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.8125rem;color:#374151}.time-display svg{color:#6b7280}.time-display .running{color:#3b82f6;font-weight:600;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.location-toggle{display:flex;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.toggle-btn{flex:1;padding:.625rem 1rem;border:none;background:#f9fafb;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-btn:first-child{border-right:1px solid #e5e7eb}.toggle-btn.active{background:#1f2937;color:#fff}.toggle-btn:hover:not(.active){background:#e5e7eb}.search-select-container{position:relative}.search-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s ease}.search-select-trigger:hover{border-color:#d1d5db}.search-select-trigger .placeholder{color:#9ca3af}.search-select-trigger svg{color:#6b7280;transition:transform .2s ease}.search-select-trigger svg.rotated{transform:rotate(180deg)}.search-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #00000026;z-index:100;max-height:250px;display:flex;flex-direction:column;overflow:hidden}.search-select-input{padding:.75rem;border:none;border-bottom:1px solid #e5e7eb;font-size:.875rem;outline:none}.search-select-options{flex:1;overflow-y:auto;max-height:200px}.search-select-option{padding:.625rem .75rem;font-size:.875rem;color:#374151;cursor:pointer;transition:background .15s ease}.search-select-option.selected{background:#e5e7eb;font-weight:500}.photo-upload-area{display:flex;flex-direction:column;gap:.75rem}.photo-upload-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px dashed #d1d5db;border-radius:.5rem;background:#f9fafb;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.photo-upload-btn:hover{border-color:#1f2937;color:#1f2937;background:#f3f4f6}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.photo-preview-item{position:relative;aspect-ratio:1;border-radius:.375rem;overflow:hidden;border:1px solid #e5e7eb}.photo-preview-item img{width:100%;height:100%;object-fit:cover}.photo-remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.photo-remove-btn:hover{background:#ef4444}.modal-content.pause-modal{max-width:450px}.modal-header.pause-header{background:#fff7ed;border-bottom-color:#fed7aa}.modal-header.pause-header h3{color:#ea580c}.pause-info{margin:0 0 1rem;font-size:.9375rem;color:#374151;line-height:1.6}.btn-pause{padding:.75rem 1.5rem;background:#f97316;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-pause:hover{background:#ea580c}.btn-pause:disabled{background:#fdba74;cursor:not-allowed}.modal-content.stop-modal{max-width:450px}.modal-header.stop-header{background:#fef2f2;border-bottom-color:#fecaca}.modal-header.stop-header h3{color:#dc2626}.stop-info{margin:0 0 1rem;font-size:.9375rem;color:#374151;line-height:1.6}.btn-stop{padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-stop:hover{background:#dc2626}.btn-stop:disabled{background:#fca5a5;cursor:not-allowed}.modal-content.task-modal{max-width:650px}.modal-overlay{z-index:200000}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:1024px){.filter-row{flex-direction:column}.filter-group{width:100%}.date-range-inputs{flex-wrap:wrap}.date-range-inputs input{width:100%}.modal-content.task-modal{max-width:95%}}@media(max-width:768px){.task-management-page{padding:1rem}.task-header{flex-direction:column;align-items:flex-start;gap:1rem}.new-task-btn{width:100%;justify-content:center}.form-row,.detail-grid{grid-template-columns:1fr}.modal-overlay{padding:.75rem}.modal-content{max-width:100%;max-height:95vh}.modal-header{padding:1rem}.modal-header h3{font-size:1rem}.modal-body{padding:1rem}.modal-footer{padding:.875rem 1rem;flex-wrap:wrap}.btn-primary,.btn-cancel,.btn-delete,.btn-pause,.btn-stop{padding:.625rem 1rem;font-size:.8125rem}.location-toggle{flex-direction:column}.toggle-btn:first-child{border-right:none;border-bottom:1px solid #e5e7eb}.photo-preview-grid{grid-template-columns:repeat(3,1fr)}.actions-cell{flex-wrap:wrap;gap:.125rem}.action-icon{width:28px;height:28px}}@media(max-width:576px){.task-management-page{padding:.75rem}.task-header h1{font-size:1.25rem}.header-subtitle{font-size:.75rem}.task-filters{padding:1rem}.filter-group label{font-size:.7rem}.filter-group select,.filter-group input[type=date]{padding:.5rem;font-size:.8125rem}.task-list-header{padding:.75rem 1rem}.task-list-header h3{font-size:.875rem}.task-table th{padding:.625rem .5rem;font-size:.65rem}.task-table td{padding:.625rem .5rem;font-size:.75rem}.status-badge,.importance-badge{padding:.125rem .375rem;font-size:.65rem}.modal-header,.modal-body{padding:.875rem}.modal-footer{padding:.75rem}.form-group label{font-size:.75rem}.form-group input,.form-group select,.form-group textarea{padding:.625rem;font-size:.8125rem}.toggle-btn{padding:.5rem .75rem;font-size:.8125rem}.search-select-trigger{padding:.625rem;font-size:.8125rem}.photo-upload-btn{padding:.625rem .75rem;font-size:.8125rem}.photo-preview-grid{grid-template-columns:repeat(4,1fr);gap:.375rem}.time-display{font-size:.75rem}}@media(max-width:480px){.task-table th,.task-table td{padding:.5rem .375rem;font-size:.6875rem}.action-icon{width:24px;height:24px}.action-icon svg{width:14px;height:14px}.photo-preview-grid{grid-template-columns:repeat(3,1fr)}}.action-icon.notes{background-color:#fef3c7;color:#f59e0b}.action-icon.notes:hover{background-color:#fde68a;color:#d97706}.notes-modal{max-width:500px}.notes-modal .modal-header h3{display:flex;align-items:center;gap:.5rem}.notes-body{padding:1.5rem;max-height:400px;overflow-y:auto}.no-notes{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#9ca3af;text-align:center}.no-notes svg{margin-bottom:.75rem;opacity:.5}.no-notes p{margin:0;font-size:.875rem}.notes-list{display:flex;flex-direction:column;gap:.75rem}.note-item{display:flex;gap:.75rem;padding:.875rem;background:#f9fafb;border-radius:.5rem;border-left:3px solid #f59e0b}.note-icon{flex-shrink:0;color:#f59e0b}.note-content{flex:1}.note-content p{margin:0;font-size:.875rem;color:#374151;line-height:1.5}.room-status-page{display:flex;gap:1.5rem;padding:1.5rem;min-height:calc(100vh - 80px);max-width:100%;overflow-x:hidden}.room-status-sidebar{width:20%;min-width:240px;max-width:280px;display:flex;flex-direction:column;gap:1rem}.filter-card{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.filter-title{font-size:.8rem;font-weight:600;color:#374151;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-options.compact{gap:.5rem}.filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.75rem;color:#4b5563}.filter-checkbox input[type=checkbox]{display:none}.filter-checkbox .custom-checkbox{width:16px;height:16px;border:1px solid #d1d5db;border-radius:.25rem;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s ease;flex-shrink:0}.filter-checkbox input[type=checkbox]:checked+.custom-checkbox{background:#1a1a1a;border-color:#1a1a1a}.filter-checkbox .custom-checkbox svg{display:none;color:#fff}.filter-checkbox input[type=checkbox]:checked+.custom-checkbox svg{display:block}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.filter-input-group{margin-bottom:.75rem}.filter-input-group>label{display:block;font-size:.7rem;font-weight:500;color:#374151;margin-bottom:.25rem}.filter-input-group .filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.75rem;color:#4b5563;margin-bottom:0}.filter-input-group .filter-options{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.filter-input-group input[type=text]{width:100%;padding:.4rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.75rem;color:#374151;outline:none}.filter-input-group input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.room-status-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}.room-status-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.room-status-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.header-left{display:flex;align-items:center;gap:.75rem;flex:1}.header-center{display:flex;align-items:center;justify-content:center;flex:1}.header-right{display:flex;align-items:center;justify-content:flex-end;flex:1}.view-toggle{display:flex;gap:.5rem}.view-btn{padding:.5rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:#f3f4f6}.view-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.room-cards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;width:100%;max-width:100%;overflow:hidden;padding:8px}.room-cards-grid.compact{grid-template-columns:repeat(8,1fr);gap:.5rem;overflow:hidden;padding:8px}.room-card{border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border-top:3px solid #10b981;overflow:visible;transition:all .2s ease;position:relative}.room-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.room-card.selected{box-shadow:0 0 0 2px #1a1a1a;background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(26,26,26,.08) 4px,rgba(26,26,26,.08) 8px)!important}.room-card-header{display:flex;align-items:center;gap:.375rem;padding:.5rem;background:transparent;border-bottom:1px solid rgba(0,0,0,.08);position:relative;min-width:0}.room-checkbox{position:relative;cursor:pointer}.room-checkbox input{position:absolute;opacity:0;cursor:pointer}.room-checkbox .checkmark{width:18px;height:18px;border:1px solid #d1d5db;border-radius:.25rem;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s ease}.room-checkbox input:checked+.checkmark{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.room-status-select{flex:1;min-width:0;max-width:100%;display:flex;align-items:center;gap:.25rem;padding:.25rem .375rem;border:1px solid #e5e7eb;border-radius:.25rem;background:#fff;cursor:pointer;font-size:.65rem;overflow:hidden}.room-status-select .status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-text{flex:1;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.room-menu-btn{padding:.25rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.room-menu-btn:hover{background:#e5e7eb;color:#374151}.room-dropdown-menu{position:absolute;top:100%;right:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 12px #00000026;z-index:100;min-width:150px}.room-dropdown-menu button{display:block;width:100%;padding:.5rem .75rem;border:none;background:transparent;text-align:left;font-size:.75rem;color:#374151;cursor:pointer;transition:background .2s ease}.room-dropdown-menu button:hover{background:#f3f4f6}.room-card-body{padding:1rem;text-align:center;background:transparent}.room-number{font-size:1.5rem;font-weight:700;color:#1f2937;text-transform:uppercase;margin-bottom:.25rem}.room-bed-type{font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.room-guest-name{font-size:.8rem;font-weight:500;color:#374151;min-height:1.2rem}.room-card-footer{padding:.5rem;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:center;background:transparent}.add-btn{width:32px;height:32px;border:1px dashed #d1d5db;border-radius:50%;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.room-card.compact{padding:0;border-top-width:2px;position:relative}.room-card-compact{padding:.75rem;text-align:center;background:transparent}.compact-room-number{font-size:1rem;font-weight:700;color:#1f2937}.room-card.compact{position:relative;overflow:visible}.room-card.compact:before{content:"";position:absolute;inset:-30px;z-index:-1;pointer-events:none}.room-card.compact:hover{transform:none;z-index:1000}.room-card.compact:hover:before{pointer-events:auto}.room-card.compact .room-card-expanded{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:200px;border-radius:.5rem;box-shadow:0 15px 50px #0000004d;z-index:1001;overflow:visible;border-top:3px solid;opacity:0;visibility:hidden;transition:opacity .35s ease,transform .35s ease,visibility .35s ease}.room-card.compact:hover .room-card-expanded{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.room-card.compact:hover .room-card-compact{opacity:0;visibility:hidden}.room-card.compact .room-card-expanded .room-card-header{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:transparent;border-bottom:1px solid rgba(0,0,0,.08);position:relative}.room-card.compact .room-card-expanded .room-checkbox .checkmark{width:18px;height:18px;border:1px solid #d1d5db;border-radius:.25rem;display:flex;align-items:center;justify-content:center;background:#fff}.room-card.compact .room-card-expanded .room-status-select{flex:1;min-width:0}.room-card.compact .room-card-expanded .room-status-select>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card.compact .room-card-expanded .status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.65rem}.room-card.compact .room-card-expanded .room-menu-btn{padding:.25rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.25rem}.room-card.compact .room-card-expanded .room-menu-btn:hover{background:#e5e7eb;color:#374151}.room-card.compact .room-card-expanded .room-card-body{padding:1rem;text-align:center;background:transparent}.room-card.compact .room-card-expanded .room-number{font-size:1.5rem;font-weight:700;color:#1f2937;text-transform:uppercase;margin-bottom:.25rem}.room-card.compact .room-card-expanded .room-bed-type{font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.room-card.compact .room-card-expanded .room-guest-name{font-size:.8rem;font-weight:500;color:#374151;min-height:1.2rem}.room-card.compact .room-card-expanded .room-card-footer{padding:.5rem;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:center;background:transparent}.room-card.compact .room-card-expanded .add-btn{width:32px;height:32px;border:1px dashed #d1d5db;border-radius:50%;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center}.room-card.compact .room-card-expanded .add-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}@media(max-width:1400px){.room-cards-grid{grid-template-columns:repeat(5,1fr)}.room-cards-grid.compact{grid-template-columns:repeat(7,1fr)}}@media(max-width:1200px){.room-cards-grid{grid-template-columns:repeat(4,1fr)}.room-cards-grid.compact{grid-template-columns:repeat(6,1fr)}}@media(max-width:992px){.room-cards-grid{grid-template-columns:repeat(4,1fr)}.room-cards-grid.compact{grid-template-columns:repeat(5,1fr)}}.header-left{display:flex;align-items:center;gap:1rem}.select-all-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .2s ease}.select-all-btn:hover{background:#f3f4f6;border-color:#1a1a1a;color:#1a1a1a}.select-all-btn.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.status-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.status-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 50px #0000004d;width:100%;max-width:420px;overflow:hidden;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.status-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.status-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.modal-close-btn{padding:.5rem;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.status-modal-body{padding:1.5rem}.selected-count{margin:0 0 1rem;font-size:.875rem;color:#6b7280;text-align:center}.status-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.status-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:#374151}.status-option:hover{border-color:#3b82f6;background:#f8fafc}.status-option.selected{border-color:#3b82f6;background:#eff6ff}.status-dot-large{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-modal-footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.modal-cancel-btn{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-cancel-btn:hover{background:#f3f4f6}.modal-confirm-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:.5rem;background:#1a1a1a;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-confirm-btn:hover{background:#333}.modal-confirm-btn:disabled{background:#9ca3af;cursor:not-allowed}.confirm-modal{max-width:380px}.confirm-message{text-align:center;font-size:.95rem;color:#374151;line-height:1.6;margin:0;padding:.5rem 0}.reservation-modal{max-width:500px}.reservation-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;gap:1rem}.form-row.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem;flex:1}.form-group label{font-size:.8rem;font-weight:500;color:#374151}.form-group input,.form-group textarea{padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#1f2937;outline:none;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a1a}@media(min-width:1601px){.room-cards-grid{grid-template-columns:repeat(5,1fr)}.room-cards-grid.compact{grid-template-columns:repeat(10,1fr)}}@media(max-width:1600px){.room-cards-grid{grid-template-columns:repeat(5,1fr)}.room-cards-grid.compact{grid-template-columns:repeat(8,1fr)}}@media(max-width:1399px){.room-cards-grid{grid-template-columns:repeat(5,1fr)}.room-cards-grid.compact{grid-template-columns:repeat(7,1fr)}.room-card-body{padding:.75rem}.room-number{font-size:1.25rem}.room-bed-type{font-size:.7rem}.room-guest-name{font-size:.75rem}}@media(max-width:1199px){.room-cards-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.room-cards-grid.compact{grid-template-columns:repeat(6,1fr)}.room-status-sidebar{width:22%;min-width:200px;max-width:220px}.room-card-header{padding:.375rem;gap:.375rem}.room-status-select{padding:.2rem .375rem;font-size:.65rem}.status-indicator{width:6px;height:6px}.room-card-body{padding:.625rem}.room-number{font-size:1.125rem;margin-bottom:.125rem}.room-bed-type{font-size:.65rem;margin-bottom:.375rem}.room-guest-name{font-size:.7rem;min-height:1rem}.room-card-footer{padding:.375rem}.add-btn{width:28px;height:28px}.room-checkbox .checkmark{width:16px;height:16px}}@media(max-width:1023px)and (min-width:901px){.room-cards-grid{grid-template-columns:repeat(4,1fr)}.room-cards-grid.compact{grid-template-columns:repeat(6,1fr)}}@media(max-width:1023px){.room-status-page{flex-direction:column;gap:1rem;padding:1rem}.room-status-sidebar{width:100%;max-width:100%;flex-direction:row;flex-wrap:wrap;gap:.75rem;order:2}.room-status-content{order:1}.filter-card{flex:1 1 calc(25% - .75rem);min-width:180px}.room-cards-grid{grid-template-columns:repeat(4,1fr)}.room-cards-grid.compact{grid-template-columns:repeat(5,1fr)}.room-card-header{padding:.375rem}.room-card-body{padding:.5rem}.room-number{font-size:1rem}.room-bed-type{font-size:.6rem}.room-guest-name{font-size:.65rem}.room-card-footer{padding:.375rem}.add-btn{width:26px;height:26px}}@media(max-width:767px){.room-status-page{padding:.75rem;gap:.75rem}.room-status-sidebar{flex-direction:row;flex-wrap:wrap;gap:.5rem}.filter-card{flex:1 1 calc(50% - .25rem);min-width:140px;padding:.75rem}.filter-title{font-size:.75rem;margin-bottom:.5rem}.filter-checkbox{font-size:.7rem}.room-cards-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.room-cards-grid.compact{grid-template-columns:repeat(3,1fr);gap:.375rem}.room-status-header{flex-direction:row;flex-wrap:nowrap;gap:.5rem;padding:.75rem;align-items:center}.room-status-header h2{font-size:.9rem;text-align:left;white-space:nowrap}.header-left{flex:0 0 auto;justify-content:flex-start}.header-center{flex:1;justify-content:center}.header-right{flex:0 0 auto;justify-content:flex-end}.view-toggle{justify-content:center}.select-all-btn{font-size:.7rem;padding:.375rem .5rem;gap:.25rem}.select-all-btn span{display:none}.room-card-header{padding:.25rem;gap:.25rem}.room-checkbox .checkmark{width:14px;height:14px}.room-status-select{padding:.15rem .25rem;font-size:.55rem}.status-indicator{width:5px;height:5px}.room-menu-btn{padding:.125rem}.room-menu-btn svg{width:12px;height:12px}.room-card-body{padding:.375rem}.room-number{font-size:.9rem}.room-bed-type{font-size:.55rem;margin-bottom:.25rem}.room-guest-name{font-size:.6rem;min-height:.8rem}.room-card-footer{padding:.25rem}.add-btn{width:22px;height:22px}.add-btn svg{width:12px;height:12px}}@media(max-width:480px){.room-status-page{padding:.5rem;gap:.5rem}.room-status-sidebar{gap:.375rem}.filter-card{flex:1 1 calc(50% - .1875rem);min-width:0;padding:.625rem}.filter-title{font-size:.7rem;margin-bottom:.375rem;padding-bottom:.25rem}.filter-options{gap:.375rem}.filter-checkbox{font-size:.65rem}.filter-checkbox .custom-checkbox{width:12px;height:12px}.room-cards-grid{grid-template-columns:repeat(2,1fr);gap:.375rem}.room-cards-grid.compact{grid-template-columns:repeat(2,1fr);gap:.25rem}.room-status-header{flex-direction:row;flex-wrap:nowrap;padding:.5rem;gap:.25rem}.room-status-header h2{font-size:.8rem;white-space:nowrap}.header-left{flex:0 0 auto}.header-center{flex:1;justify-content:center}.header-right{flex:0 0 auto}.select-all-btn{font-size:.7rem;padding:.25rem .375rem;gap:.25rem}.select-all-btn span{display:none}.view-btn{padding:.25rem}.view-btn svg{width:14px;height:14px}.room-card-header{padding:.2rem;gap:.2rem}.room-checkbox .checkmark{width:12px;height:12px}.room-status-select{padding:.1rem .2rem;font-size:.5rem;gap:.15rem}.status-indicator{width:4px;height:4px}.room-menu-btn{padding:.1rem}.room-menu-btn svg{width:10px;height:10px}.room-card-body{padding:.25rem}.room-number{font-size:.8rem;margin-bottom:0}.room-bed-type{font-size:.5rem;margin-bottom:.125rem}.room-guest-name{font-size:.55rem;min-height:.7rem}.room-card-footer{padding:.2rem}.add-btn{width:18px;height:18px}.add-btn svg{width:10px;height:10px}.room-card.compact .room-card-compact{padding:.25rem}.compact-room-number{font-size:.7rem}.status-modal{max-width:95%;margin:.5rem}.status-modal-header{padding:.75rem 1rem}.status-modal-header h3{font-size:1rem}.status-modal-body{padding:1rem}.status-options{grid-template-columns:1fr;gap:.5rem}.status-option{padding:.625rem .75rem;font-size:.8rem}.status-modal-footer{padding:.75rem 1rem}}.account-cards-page{padding:1.5rem;min-height:calc(100vh - 80px);background:#f3f4f6}.account-cards-header{margin-bottom:1rem}.account-cards-header h1{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.account-cards-toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.add-account-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .15s ease}.add-account-btn:hover{background:#333}.account-type-select{position:relative;min-width:180px}.account-type-select .search-select-input{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.813rem;background:#f9fafb;cursor:pointer;transition:all .15s ease}.account-type-select .search-select-input:focus{outline:none;border-color:#3b82f6;background:#fff}.account-type-select .search-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.account-type-select .search-select-option{padding:.5rem .75rem;cursor:pointer;font-size:.813rem;color:#374151;transition:background .1s ease}.account-type-select .search-select-option:hover{background:#f3f4f6}.account-cards-toolbar .search-input-wrapper{position:relative;flex:1;max-width:280px;border:none}.account-cards-toolbar .search-input-wrapper input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.813rem;background:#f9fafb;transition:all .15s ease;outline:none;box-sizing:border-box}.account-cards-toolbar .search-input-wrapper input:focus{outline:none;border-color:#3b82f6;background:#fff}.account-cards-toolbar .search-input-wrapper .search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:16px;height:16px}.account-cards-table-wrapper{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.account-cards-table{width:100%;border-collapse:collapse}.account-cards-table th,.account-cards-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb;font-size:.813rem}.account-cards-table th{background:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.account-cards-table td{color:#374151}.account-cards-table tbody tr:hover{background:#f9fafb}.account-cards-table tbody tr:last-child td{border-bottom:none}.account-cards-table .status-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.account-cards-table .status-badge.active{background:#dcfce7;color:#166534}.account-cards-table .status-badge.inactive{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.25rem}.action-btn{padding:.375rem;border:none;background:transparent;cursor:pointer;border-radius:6px;color:#1f2937;transition:all .15s ease}.action-btn.view:hover{color:#2563eb;background:#eff6ff}.action-btn.edit:hover{color:#d97706;background:#fffbeb}.action-btn.delete:hover{color:#dc2626;background:#fef2f2}.account-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100}.account-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.account-modal.wide{max-width:1000px}.account-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.account-modal-header h2{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.account-modal-close{padding:.375rem;border:none;background:transparent;cursor:pointer;color:#6b7280;border-radius:6px;line-height:1;transition:all .15s ease}.account-modal-close:hover{background:#f3f4f6;color:#1f2937}.account-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.compact-modal .account-modal-body{padding:.75rem 1rem}.compact-modal .form-grid{gap:.5rem}.compact-modal .form-group{margin-bottom:.5rem}.compact-modal .form-group label{margin-bottom:.25rem;font-size:.75rem}.compact-modal .form-input,.compact-modal .search-select-input{padding:.5rem .75rem;font-size:.813rem}.compact-modal .account-modal-footer{padding:.625rem 1rem}.account-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.875rem 1.25rem;border-top:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.modal-btn{padding:.5rem 1rem;border-radius:8px;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .15s ease}.modal-btn.cancel{background:#fff;border:1px solid #d1d5db;color:#4b5563}.modal-btn.cancel:hover{background:#f3f4f6;border-color:#9ca3af}.modal-btn.confirm{background:#1a1a1a;border:none;color:#fff}.modal-btn.confirm:hover{background:#333}.modal-btn.danger{background:#dc2626;border:none;color:#fff}.modal-btn.danger:hover{background:#b91c1c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.form-group{margin-bottom:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{display:block;font-size:.813rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-group label .required{color:#dc2626;margin-left:2px}.form-input{width:100%;padding:.375rem .5rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.813rem;background:#f9fafb;transition:all .15s ease}.form-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 2px #3b82f61a}.form-input.disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}textarea.form-input{resize:vertical;min-height:60px}select.form-input{cursor:pointer}.modal-search-select{position:relative}.modal-search-select .search-select-input{width:100%;padding:.5rem .625rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.813rem;background:#f9fafb;cursor:pointer;transition:all .15s ease}.modal-search-select .search-select-input:focus{outline:none;border-color:#3b82f6;background:#fff}.modal-search-select .search-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a;z-index:2000;max-height:180px;overflow-y:auto}.modal-search-select .search-select-option{padding:.5rem .625rem;cursor:pointer;font-size:.813rem;color:#374151;transition:background .1s ease}.modal-search-select .search-select-option:hover{background:#f3f4f6}.modal-search-select .search-select-option.selected{background:#eff6ff;color:#2563eb}.account-detail-widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.widget-card{background:#f9fafb;border-radius:8px;padding:.875rem;text-align:center;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center}.widget-card.income{background:#f0fdf4;border-color:#bbf7d0}.widget-card.expense{background:#fef2f2;border-color:#fecaca}.widget-card.balance{background:#eff6ff;border-color:#bfdbfe}.widget-card.agency{background:#fffbeb;border-color:#fde68a}.widget-title{font-size:.688rem;font-weight:500;color:#6b7280;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.025em}.widget-value{font-size:1.125rem;font-weight:600;color:#1f2937}.widget-card.income .widget-value{color:#16a34a}.widget-card.expense .widget-value{color:#dc2626}.widget-card.balance .widget-value{color:#2563eb}.widget-card.agency .widget-value{color:#d97706}.detail-section{margin-bottom:.75rem}.detail-section:last-child{margin-bottom:0}.detail-section-title{font-size:.813rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:1px solid #e5e7eb}.detail-sections-row{display:flex;gap:1rem;margin-bottom:.75rem}.detail-section.half-width{flex:1;min-width:0;margin-bottom:0}.detail-grid{display:flex;flex-direction:column;gap:.25rem}.detail-grid .detail-item{display:flex;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:.375rem;padding:0;background:transparent;border:none;border-radius:0;text-align:left}.detail-grid .detail-item.with-bg{background:#f9fafb;padding:.25rem .5rem;border-radius:.25rem}.detail-grid .detail-item .detail-label{font-size:.75rem;color:#6b7280;white-space:nowrap;min-width:auto;text-transform:none}.detail-grid .detail-item .detail-value{font-size:.75rem;color:#1f2937;font-weight:500}.transaction-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.transaction-header-row .detail-section-title{margin:0;flex-shrink:0}.transaction-actions{display:flex;gap:.5rem}.transaction-btn{display:flex;align-items:center;gap:.375rem;padding:.438rem .75rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.transaction-btn:hover{background:#f9fafb}.transaction-btn.income{border-color:#86efac;color:#16a34a;background:#f0fdf4}.transaction-btn.income:hover{background:#dcfce7;border-color:#4ade80}.transaction-btn.expense{border-color:#fca5a5;color:#dc2626;background:#fef2f2}.transaction-btn.expense:hover{background:#fee2e2;border-color:#f87171}.transaction-btn.transfer{border-color:#93c5fd;color:#2563eb;background:#eff6ff}.transaction-btn.transfer:hover{background:#dbeafe;border-color:#60a5fa}.transaction-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.transaction-table{width:100%;border-collapse:collapse}.transaction-table th,.transaction-table td{padding:.5rem .625rem;text-align:left;border-bottom:1px solid #e5e7eb;font-size:.75rem}.transaction-table th{background:#f9fafb;font-size:.688rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.transaction-table td{color:#374151}.transaction-table tbody tr:hover{background:#f9fafb}.transaction-table tbody tr:last-child td{border-bottom:none}.transaction-table .amount-positive{color:#16a34a;font-weight:600}.transaction-table .amount-negative{color:#dc2626;font-weight:600}.pagination{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin-top:.875rem;padding-top:.875rem;border-top:1px solid #e5e7eb}.pagination-btn{padding:.25rem .5rem;border:1px solid #e5e7eb;background:#fff;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.pagination-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.account-cards-page .notification{position:fixed;bottom:1.5rem;right:1.5rem;padding:1rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;z-index:1200;animation:notificationSlideIn .3s ease-out;box-shadow:0 10px 25px #00000026}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.account-cards-page .notification.success{background:#d1fae5;color:#065f46;display:flex;align-items:center;gap:.5rem}.account-cards-page .notification.warning{background:#fed7aa;color:#9a3412;display:flex;align-items:center;gap:.5rem}.account-cards-page .notification.error{background:#fecaca;color:#991b1b;display:flex;align-items:center;gap:.5rem}.notification-icon{font-size:1rem;line-height:1}.transaction-search{margin-bottom:.75rem}.transaction-search input{width:100%;max-width:240px;padding:.438rem .625rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.813rem;background:#f9fafb;transition:all .15s ease}.transaction-search input:focus{outline:none;border-color:#3b82f6;background:#fff}.pdf-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.pdf-btn:hover{background:#b91c1c}.inner-modal-overlay{z-index:1200}.empty-state{text-align:center;padding:2rem;color:#9ca3af}.empty-state-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.empty-state-text{font-size:.813rem}.transaction-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-items-list{display:flex;flex-direction:column;gap:8px}.detail-item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:.813rem}.detail-item-row .detail-label{color:#6b7280}.detail-item-row .detail-value{color:#1f2937;font-weight:500;text-align:right}.description-box{padding:12px;background:#f9fafb;border-radius:6px;font-size:.813rem;color:#374151;line-height:1.5}@media(max-width:1400px){.account-cards-page{padding:1.25rem}.account-detail-widgets{grid-template-columns:repeat(4,1fr);gap:.5rem}.widget-value{font-size:1rem}}@media(max-width:1199px){.account-cards-page{padding:1rem}.account-cards-table th,.account-cards-table td{padding:.625rem .75rem;font-size:.75rem}.account-detail-widgets{grid-template-columns:repeat(2,1fr)}.account-modal.wide{max-width:90%}}@media(max-width:1023px){.account-cards-page{padding:.875rem}.account-cards-header h1{font-size:1.125rem}.account-cards-toolbar{flex-wrap:wrap;gap:.5rem}.account-type-select{min-width:150px;flex:1}.account-cards-toolbar .search-input-wrapper{max-width:100%;flex:1 1 100%;order:3}.add-account-btn{padding:.5rem .75rem;font-size:.75rem}.account-cards-table-wrapper{overflow-x:auto}.account-cards-table{min-width:600px}.account-cards-table th,.account-cards-table td{padding:.5rem .625rem;font-size:.75rem;white-space:nowrap}.account-modal{width:95%;max-width:95%;max-height:90vh}.account-modal.wide{max-width:95%}.account-modal-header{padding:.875rem 1rem}.account-modal-header h2{font-size:.95rem}.account-modal-body{padding:1rem}.account-modal-footer{padding:.75rem 1rem}.form-grid{grid-template-columns:1fr}.account-detail-widgets{grid-template-columns:repeat(2,1fr);gap:.5rem}.widget-card{padding:.75rem}.widget-title{font-size:.625rem}.widget-value{font-size:.95rem}.detail-sections-row{flex-direction:column;gap:.75rem}.transaction-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}.transaction-actions{width:100%;flex-wrap:wrap}.transaction-btn{flex:1;justify-content:center}.transaction-table-wrapper{overflow-x:auto}.transaction-table{min-width:500px}}@media(max-width:767px){.account-cards-page{padding:.75rem}.account-cards-header{margin-bottom:.75rem}.account-cards-header h1{font-size:1rem}.account-cards-toolbar{padding:.625rem;gap:.5rem}.add-account-btn{width:100%;justify-content:center;order:1}.account-type-select{flex:1 1 calc(50% - .25rem);min-width:0;order:2}.account-cards-toolbar .search-input-wrapper{order:3}.account-cards-toolbar .search-input-wrapper input{padding:.5rem .75rem .5rem 2rem;font-size:.75rem}.account-cards-table-wrapper{border-radius:.5rem}.account-cards-table{min-width:550px}.account-cards-table th,.account-cards-table td{padding:.5rem;font-size:.7rem}.account-cards-table th{font-size:.65rem}.action-btn{padding:.25rem}.account-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0;margin:0}.account-modal.wide{max-width:100%}.account-modal-header{padding:.75rem}.account-modal-header h2{font-size:.875rem}.account-modal-body{padding:.75rem}.account-modal-footer{padding:.625rem .75rem}.modal-btn{padding:.5rem .875rem;font-size:.75rem;flex:1}.form-group label{font-size:.75rem}.form-input{padding:.5rem;font-size:.75rem}.account-detail-widgets{grid-template-columns:repeat(2,1fr);gap:.375rem}.widget-card{padding:.625rem}.widget-title{font-size:.6rem;margin-bottom:.25rem}.widget-value{font-size:.875rem}.detail-section-title{font-size:.75rem}.detail-grid .detail-item .detail-label,.detail-grid .detail-item .detail-value{font-size:.7rem}.transaction-btn,.transaction-table th,.transaction-table td{padding:.375rem .5rem;font-size:.7rem}.transaction-table th{font-size:.625rem}.pagination{flex-direction:row;flex-wrap:wrap;gap:.125rem;margin-top:.625rem;padding-top:.625rem}.pagination-btn{padding:.25rem .375rem;font-size:.7rem;flex-shrink:0}.transaction-search input{max-width:100%;width:100%}.transaction-detail-grid{grid-template-columns:1fr;gap:12px}.detail-item-row{padding:6px 10px;font-size:.75rem}}@media(max-width:480px){.account-cards-page{padding:.5rem}.account-cards-header h1{font-size:.95rem}.account-cards-toolbar{padding:.5rem}.add-account-btn{padding:.5rem;font-size:.7rem}.account-type-select{flex:1 1 100%}.account-type-select .search-select-input{padding:.5rem;font-size:.75rem}.account-cards-table{min-width:480px}.account-cards-table th,.account-cards-table td{padding:.375rem;font-size:.65rem}.account-cards-table .status-badge{padding:.125rem .375rem;font-size:.625rem}.action-buttons{gap:.125rem}.action-btn{padding:.25rem}.action-btn svg{width:14px;height:14px}.account-modal-header{padding:.625rem}.account-modal-header h2{font-size:.813rem}.account-modal-close{padding:.25rem}.account-modal-body{padding:.625rem}.account-modal-footer{padding:.5rem .625rem}.modal-btn{padding:.5rem .75rem;font-size:.7rem}.form-group{margin-bottom:.375rem}.form-group label{font-size:.7rem;margin-bottom:.125rem}.form-input{padding:.375rem .5rem;font-size:.7rem}.account-detail-widgets{gap:.25rem}.widget-card{padding:.5rem}.widget-title{font-size:.55rem}.widget-value{font-size:.8rem}.detail-section{margin-bottom:.5rem}.detail-section-title{font-size:.7rem;margin-bottom:.375rem;padding-bottom:.25rem}.detail-grid .detail-item .detail-label,.detail-grid .detail-item .detail-value{font-size:.65rem}.transaction-actions{gap:.25rem}.transaction-btn{padding:.25rem .375rem;font-size:.65rem;gap:.25rem}.transaction-btn svg{width:12px;height:12px}.transaction-table{min-width:400px}.transaction-table th,.transaction-table td{padding:.25rem .375rem;font-size:.65rem}.pagination-btn{padding:.125rem .25rem;font-size:.65rem;flex-shrink:0}.empty-state{padding:1.5rem}.empty-state-icon{font-size:2rem}.empty-state-text{font-size:.75rem}.detail-item-row{padding:5px 8px;font-size:.7rem}.description-box{padding:8px;font-size:.75rem}.account-cards-page .notification{bottom:1rem;right:1rem;left:1rem;padding:.75rem 1rem;font-size:.75rem}}.account-types-page{padding:24px;background:#f9fafb;min-height:calc(100vh - 60px)}.account-types-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.account-types-header h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.add-type-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.add-type-btn:hover{background:#2563eb}.account-types-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.account-types-table{width:100%;border-collapse:collapse}.account-types-table th{text-align:left;padding:14px 16px;background:#f9fafb;font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.account-types-table td{padding:14px 16px;font-size:.9rem;color:#374151;border-bottom:1px solid #f3f4f6}.account-types-table tbody tr:hover{background:#f9fafb}.code-cell{font-family:Monaco,Menlo,monospace;font-size:.85rem;color:#6b7280}.name-cell{font-weight:500;color:#1f2937}.description-cell{color:#6b7280;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-cell{text-align:center;font-weight:500}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.actions-cell{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#1f2937;cursor:pointer;transition:background .2s}.action-btn:hover{background:#f3f4f6}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 40px #0003}.modal-delete{max-width:420px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:24px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;color:#1f2937;background:#fff;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.form-hint{display:block;font-size:.75rem;color:#6b7280;margin-top:6px;line-height:1.4}.delete-message{font-size:.95rem;color:#374151;margin:0 0 12px}.delete-warning{font-size:.85rem;color:#dc2626;margin:0;padding:12px;background:#fef2f2;border-radius:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.btn-cancel{padding:10px 20px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f3f4f6}.btn-save{padding:10px 20px;background:#1f2937;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-save:hover{background:#111827}.btn-delete{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-delete:hover{background:#b91c1c}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:350px}.search-box svg{color:#9ca3af;flex-shrink:0}.search-box input{border:none;background:transparent;font-size:.9rem;color:#1f2937;width:100%;outline:none}.search-box input::placeholder{color:#9ca3af}.result-count{font-size:.85rem;color:#6b7280}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;border-top:1px solid #e5e7eb}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.9rem;color:#374151}.search-select{position:relative}.search-select-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s;box-sizing:border-box}.search-select-trigger:hover{border-color:#9ca3af}.search-select-trigger span{font-size:.9rem;color:#1f2937}.search-select-trigger svg{color:#6b7280}.search-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.search-select-dropdown input{width:100%;padding:12px 14px;border:none;border-bottom:1px solid #e5e7eb;font-size:.9rem;box-sizing:border-box;outline:none}.search-select-options{max-height:200px;overflow-y:auto}.account-types-table tbody tr{cursor:pointer}@media(max-width:1400px){.account-types-page{padding:20px}.search-box{width:300px}}@media(max-width:1199px){.account-types-page{padding:16px}.account-types-header h1{font-size:1.25rem}.add-type-btn{padding:8px 16px;font-size:.85rem}.search-box{width:250px;padding:8px 12px}.account-types-table th,.account-types-table td{padding:12px 14px;font-size:.85rem}.account-types-table th{font-size:.75rem}}@media(max-width:1023px){.account-types-page{padding:14px}.account-types-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.account-types-header h1{font-size:1.125rem}.add-type-btn{width:100%;justify-content:center}.table-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.search-box{width:100%}.result-count{text-align:center}.account-types-table-container{overflow-x:auto;border-radius:8px}.account-types-table{min-width:600px}.account-types-table th,.account-types-table td{padding:10px 12px;font-size:.8rem;white-space:nowrap}.account-types-table th{font-size:.7rem}.description-cell{max-width:150px}.modal-content{width:95%;max-width:95%;margin:16px}.modal-header{padding:16px 20px}.modal-header h2{font-size:1rem}.modal-body{padding:20px}.modal-footer{padding:14px 20px}.pagination{gap:12px;padding:14px}.pagination-btn{width:32px;height:32px}.pagination-info{font-size:.85rem}}@media(max-width:767px){.account-types-page{padding:12px}.account-types-header{margin-bottom:12px}.account-types-header h1{font-size:1rem}.add-type-btn{padding:8px 14px;font-size:.8rem;gap:6px}.table-toolbar{padding:10px 12px;gap:10px}.search-box{padding:8px 12px;gap:8px}.search-box input{font-size:.85rem}.result-count{font-size:.8rem}.account-types-table{min-width:550px}.account-types-table th,.account-types-table td{padding:8px 10px;font-size:.75rem}.account-types-table th{font-size:.65rem}.code-cell{font-size:.75rem}.description-cell{max-width:120px}.status-badge{padding:3px 8px;font-size:.7rem}.action-btn{width:28px;height:28px}.actions-cell{gap:4px}.modal-content{width:100%;max-width:100%;max-height:100vh;margin:0;border-radius:0}.modal-delete{max-width:100%}.modal-header{padding:14px 16px}.modal-header h2{font-size:.95rem}.modal-close{width:28px;height:28px}.modal-body{padding:16px}.form-group{margin-bottom:14px}.form-group label{font-size:.8rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;font-size:.85rem}.form-hint{font-size:.7rem}.delete-message{font-size:.9rem}.delete-warning{font-size:.8rem;padding:10px}.modal-footer{padding:12px 16px;gap:10px}.btn-cancel,.btn-save,.btn-delete{padding:8px 16px;font-size:.85rem;flex:1}.pagination{gap:10px;padding:12px}.pagination-btn{width:30px;height:30px}.pagination-info{font-size:.8rem}.search-select-trigger{padding:8px 12px}.search-select-trigger span{font-size:.85rem}.search-select-dropdown input{padding:10px 12px;font-size:.85rem}.search-select-option{padding:8px 12px;font-size:.85rem}}@media(max-width:480px){.account-types-page{padding:8px}.account-types-header h1{font-size:.95rem}.add-type-btn{padding:8px 12px;font-size:.75rem}.add-type-btn svg{width:16px;height:16px}.table-toolbar{padding:8px 10px}.search-box{padding:6px 10px}.search-box svg{width:16px;height:16px}.search-box input{font-size:.8rem}.result-count{font-size:.75rem}.account-types-table-container{border-radius:6px}.account-types-table{min-width:480px}.account-types-table th,.account-types-table td{padding:6px 8px;font-size:.7rem}.account-types-table th{font-size:.6rem}.code-cell{font-size:.7rem}.description-cell{max-width:100px}.status-badge{padding:2px 6px;font-size:.65rem}.action-btn{width:24px;height:24px}.action-btn svg{width:14px;height:14px}.modal-header{padding:12px}.modal-header h2{font-size:.875rem}.modal-close{width:26px;height:26px}.modal-body{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:.75rem;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;font-size:.8rem;border-radius:6px}.form-group textarea{min-height:60px}.form-hint{font-size:.65rem;margin-top:4px}.delete-message{font-size:.85rem}.delete-warning{font-size:.75rem;padding:8px;border-radius:6px}.modal-footer{padding:10px 12px;gap:8px}.btn-cancel,.btn-save,.btn-delete{padding:8px 12px;font-size:.8rem;border-radius:6px}.pagination{gap:8px;padding:10px}.pagination-btn{width:28px;height:28px;border-radius:6px}.pagination-info{font-size:.75rem}.search-select-trigger{padding:8px 10px;border-radius:6px}.search-select-trigger span{font-size:.8rem}.search-select-dropdown{border-radius:6px}.search-select-dropdown input,.search-select-option{padding:8px 10px;font-size:.8rem}}.front-cash-page{padding:24px;background:#f9fafb;min-height:calc(100vh - 60px)}.front-cash-header{margin-bottom:24px}.front-cash-header h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.cash-top-section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:24px}.cash-widgets-column{display:flex;flex-direction:column;gap:16px}.income-sources-card,.bank-balances-card{margin-bottom:0}.cash-widget{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a}.widget-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.widget-icon svg{width:18px;height:18px}.cash-widget.income .widget-icon{background:#dcfce7;color:#166534}.cash-widget.expense .widget-icon{background:#fee2e2;color:#991b1b}.cash-widget.balance .widget-icon{background:#dbeafe;color:#1e40af}.widget-content{display:flex;flex-direction:column}.widget-label{font-size:.7rem;color:#6b7280;margin-bottom:2px}.widget-value{font-size:1.1rem;font-weight:700;color:#1f2937;margin-bottom:2px}.widget-desc{font-size:.65rem;color:#9ca3af}.cash-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.card-header h2{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0}.card-actions{display:flex;gap:12px}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.primary{background:#3b82f6;color:#fff;border:none}.action-btn.primary:hover{background:#2563eb}.action-btn.secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.action-btn.secondary:hover{background:#f3f4f6}.income-sources{padding:8px}.income-source-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;cursor:pointer;transition:background .2s}.income-source-item:hover{background:#f9fafb}.source-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;flex-shrink:0}.source-icon.restaurant{background:#fef3c7;color:#92400e}.source-icon.accommodation{background:#dbeafe;color:#1e40af}.source-icon.other{background:#e5e7eb;color:#374151}.source-info{flex:1;display:flex;flex-direction:column}.source-name{font-size:.95rem;font-weight:500;color:#1f2937}.source-hint{font-size:.75rem;color:#9ca3af}.source-amount{font-size:1.1rem;font-weight:600;color:#1f2937;margin-right:8px}.source-arrow{color:#9ca3af}.shifts-table-container{overflow-x:auto}.shifts-table{width:100%;border-collapse:collapse}.shifts-table th{text-align:left;padding:12px 14px;background:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.shifts-table td{padding:12px 14px;font-size:.85rem;color:#374151;border-bottom:1px solid #f3f4f6}.shifts-table tbody tr:hover{background:#f9fafb}.shifts-table td.positive{color:#166534;font-weight:600}.shifts-table td.negative{color:#dc2626;font-weight:600}.shift-status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:500}.shift-status.open{background:#dcfce7;color:#166534}.shift-status.closed{background:#e5e7eb;color:#374151}.shifts-table .actions-cell{display:flex;gap:4px}.table-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#1f2937;cursor:pointer;transition:background .2s}.table-action-btn:hover{background:#f3f4f6}.bank-balances{padding:8px}.bank-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;transition:background .2s}.bank-item:hover{background:#f9fafb}.bank-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#f3f4f6;border-radius:10px;color:#374151;flex-shrink:0}.bank-info{flex:1;display:flex;flex-direction:column}.bank-name{font-size:.95rem;font-weight:500;color:#1f2937}.bank-account{font-size:.75rem;color:#9ca3af;font-family:Monaco,Menlo,monospace}.bank-balance{font-size:1.1rem;font-weight:600;color:#166534}.shift-new-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1f2937;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.shift-new-btn:hover{background:#111827}.shift-search-input{padding:8px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;width:200px;color:#1f2937}.shift-search-input:focus{outline:none;border-color:#3b82f6}.shifts-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;border-top:1px solid #e5e7eb}.elapsed-time{font-family:Monaco,Menlo,monospace;font-size:.7rem;background:#dcfce7;color:#166534;padding:2px 6px;border-radius:4px;margin-left:6px}.shift-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.shift-modal-overlay.close-shift-overlay{z-index:1200}.shift-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:480px;max-height:90vh;overflow:hidden}.shift-details-modal{max-width:900px}.shift-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.shift-modal-header h3{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0}.modal-header-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.modal-header-btn:hover{background:#f3f4f6}.modal-header-btn.primary{background:#1f2937;color:#fff;border-color:#1f2937}.modal-header-btn.primary:hover{background:#111827}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#1f2937}.shift-modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.85rem;font-weight:500;color:#374151;margin-bottom:8px}.form-group>input,.form-group>.input-with-suffix input,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#1f2937;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.form-group textarea{resize:vertical;min-height:80px}.input-with-suffix{position:relative;display:flex;align-items:center}.input-with-suffix input{padding-right:50px}.input-suffix{position:absolute;right:14px;font-size:.85rem;color:#6b7280;font-weight:500}.search-select{position:relative;display:flex;align-items:center;cursor:pointer;width:100%;border:none!important;background:transparent!important;padding:0!important}.search-select input,.form-group .search-select input{width:100%;cursor:pointer;padding:10px 40px 10px 14px!important;border:1px solid #d1d5db!important;border-radius:6px!important;font-size:.9rem;color:#1f2937;background:#fff;box-sizing:border-box}.search-select input:focus,.form-group .search-select input:focus{outline:none;border-color:#3b82f6!important}.search-select>svg{position:absolute;right:12px;color:#6b7280;pointer-events:none}.search-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 8px 24px #00000026;z-index:1100;max-height:200px;overflow-y:auto}.search-select-option{padding:10px 14px;font-size:.9rem;color:#374151;cursor:pointer;transition:background .2s}.search-select-option:hover{background:#f3f4f6}.search-select-option.active{background:#eff6ff;color:#3b82f6}.shift-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.modal-btn{padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn.cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.modal-btn.cancel:hover{background:#f3f4f6}.modal-btn.primary{background:#1f2937;color:#fff;border:none}.modal-btn.primary:hover{background:#111827}.shift-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.shift-info-card{background:#f9fafb;border-radius:8px;padding:20px}.info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e5e7eb}.info-row:last-child{border-bottom:none}.info-row .info-label{font-size:.85rem;color:#6b7280}.info-row .info-value{font-size:.85rem;font-weight:500;color:#1f2937}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem}.status-badge.open{background:#dcfce7;color:#166534}.status-badge.closed{background:#e5e7eb;color:#374151}.shift-summary-card{background:#f9fafb;border-radius:8px;padding:20px}.shift-summary-card h4{font-size:.95rem;font-weight:600;color:#1f2937;margin:0 0 16px}.summary-widgets{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-widget{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.summary-widget.income{color:#166534}.summary-widget.expense{color:#dc2626}.summary-widget.transfer-in{color:#2563eb}.summary-widget.transfer-out{color:#d97706}.summary-widget-content{display:flex;flex-direction:column}.summary-label{font-size:.7rem;color:#6b7280}.summary-value{font-size:.95rem;font-weight:600;color:#1f2937}.shift-history{background:#f9fafb;border-radius:8px;padding:20px}.shift-history h4{font-size:.95rem;font-weight:600;color:#1f2937;margin:0 0 16px}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;padding:10px 12px;background:#fff;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.history-table td{padding:12px;font-size:.85rem;color:#374151;border-bottom:1px solid #e5e7eb}.history-table .empty-row{text-align:center;color:#9ca3af;padding:40px}.history-table td.positive{color:#166534;font-weight:600}.history-table td.negative{color:#dc2626;font-weight:600}.tx-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:500}.tx-type-badge.gelir{background:#dcfce7;color:#166534}.tx-type-badge.gider{background:#fee2e2;color:#991b1b}.tx-type-badge.transfer-giriş{background:#dbeafe;color:#1e40af}.tx-type-badge.transfer-çıkış{background:#fef3c7;color:#92400e}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.history-header h4{margin:0}.history-search{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;width:200px}.history-search:focus{outline:none;border-color:#3b82f6}.history-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.pagination-btn{padding:6px 14px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;color:#374151;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f3f4f6}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.85rem;color:#6b7280}@media(max-width:1400px){.front-cash-page{padding:20px}.cash-top-section{gap:20px}.widget-value,.source-amount,.bank-balance{font-size:1rem}}@media(max-width:1199px){.cash-top-section{grid-template-columns:1fr 1fr;gap:16px}.bank-balances-card{grid-column:span 2}.shift-details-grid{grid-template-columns:1fr}.card-header{padding:16px 20px}.card-header h2{font-size:1rem}.shifts-table th,.shifts-table td{padding:10px 12px;font-size:.8rem}}@media(max-width:1023px){.front-cash-page{padding:16px}.front-cash-header h1{font-size:1.25rem}.cash-top-section{grid-template-columns:1fr;gap:12px}.bank-balances-card{grid-column:span 1}.cash-widgets-column{flex-direction:row;flex-wrap:wrap}.cash-widget{flex:1 1 calc(33.33% - 8px);min-width:140px}.card-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.card-actions{width:100%;flex-wrap:wrap}.action-btn{flex:1;justify-content:center;padding:8px 12px;font-size:.8rem}.shift-search-input{width:100%}.income-source-item,.bank-item{padding:12px;gap:12px}.source-icon,.bank-icon{width:40px;height:40px}.source-name,.bank-name{font-size:.875rem}.source-amount,.bank-balance{font-size:.95rem}.shift-modal{margin:16px;max-width:calc(100% - 32px)}.shift-details-modal{max-width:calc(100% - 32px)}.summary-widgets{grid-template-columns:1fr 1fr}.history-header{flex-direction:column;align-items:flex-start;gap:12px}.history-search{width:100%}}@media(max-width:767px){.front-cash-page{padding:12px}.front-cash-header{margin-bottom:16px}.front-cash-header h1{font-size:1.125rem}.cash-widgets-column{gap:8px}.cash-widget{flex:1 1 100%;padding:12px}.widget-icon{width:32px;height:32px}.widget-icon svg{width:16px;height:16px}.widget-label{font-size:.65rem}.widget-value{font-size:.95rem}.widget-desc{font-size:.6rem}.cash-card{border-radius:8px;margin-bottom:12px}.card-header{padding:12px}.card-header h2{font-size:.95rem}.card-actions{gap:8px}.action-btn{padding:6px 10px;font-size:.75rem}.income-sources,.bank-balances{padding:4px}.income-source-item,.bank-item{padding:10px;gap:10px}.source-icon,.bank-icon{width:36px;height:36px;border-radius:8px}.source-name,.bank-name{font-size:.8rem}.source-hint,.bank-account{font-size:.7rem}.source-amount,.bank-balance{font-size:.875rem}.shifts-table-container{margin:0 -12px;padding:0 12px}.shifts-table{min-width:600px}.shifts-table th,.shifts-table td{padding:8px 10px;font-size:.75rem}.shift-status{padding:3px 8px;font-size:.65rem}.table-action-btn{width:24px;height:24px}.shifts-pagination{padding:12px;gap:12px}.shift-modal{margin:8px;max-width:calc(100% - 16px);max-height:95vh}.shift-modal-header{padding:14px 16px}.shift-modal-header h3{font-size:1rem}.modal-header-actions{flex-wrap:wrap;gap:6px}.modal-header-btn{padding:6px 10px;font-size:.75rem}.modal-close-btn{width:32px;height:32px}.shift-modal-body{padding:16px}.form-group{margin-bottom:14px}.form-group label{font-size:.8rem;margin-bottom:6px}.form-group>input,.form-group>.input-with-suffix input,.form-group textarea{padding:8px 12px;font-size:.85rem}.shift-modal-footer{padding:12px 16px;gap:8px}.modal-btn{padding:8px 16px;font-size:.85rem}.shift-details-grid{gap:12px;margin-bottom:16px}.shift-info-card,.shift-summary-card,.shift-history{padding:14px;border-radius:6px}.info-row{padding:8px 0}.info-row .info-label,.info-row .info-value{font-size:.8rem}.summary-widgets{grid-template-columns:1fr;gap:8px}.summary-widget{padding:10px;gap:10px}.summary-label{font-size:.65rem}.summary-value{font-size:.85rem}.history-table th,.history-table td{padding:8px 10px;font-size:.75rem}.tx-type-badge{padding:3px 6px;font-size:.65rem}.pagination-btn{padding:5px 10px;font-size:.75rem}.pagination-info{font-size:.75rem}}@media(max-width:480px){.front-cash-page{padding:8px}.front-cash-header{margin-bottom:12px}.front-cash-header h1{font-size:1rem}.cash-widget{padding:10px;gap:10px}.widget-icon{width:28px;height:28px}.widget-icon svg{width:14px;height:14px}.widget-value{font-size:.875rem}.cash-card{border-radius:6px;margin-bottom:10px}.card-header{padding:10px}.card-header h2{font-size:.875rem}.action-btn{padding:6px 8px;font-size:.7rem;gap:4px}.action-btn svg{width:14px;height:14px}.income-source-item,.bank-item{padding:8px;gap:8px}.source-icon,.bank-icon{width:32px;height:32px}.source-name,.bank-name{font-size:.75rem}.source-hint,.bank-account{font-size:.65rem}.source-amount,.bank-balance{font-size:.8rem}.source-arrow{display:none}.shift-modal{margin:0;max-width:100%;max-height:100vh;border-radius:0}.shift-modal-header{padding:12px}.shift-modal-header h3{font-size:.95rem}.modal-header-actions{width:100%}.modal-header-btn{flex:1;justify-content:center;padding:6px 8px;font-size:.7rem}.shift-modal-body{padding:12px}.form-group label{font-size:.75rem}.form-group>input,.form-group>.input-with-suffix input,.form-group textarea{padding:8px 10px;font-size:.8rem}.shift-modal-footer{padding:10px 12px}.modal-btn{padding:8px 14px;font-size:.8rem;flex:1}.shift-details-grid{gap:10px;margin-bottom:12px}.shift-info-card,.shift-summary-card,.shift-history{padding:12px}.shift-summary-card h4,.shift-history h4{font-size:.85rem;margin-bottom:12px}.info-row .info-label,.info-row .info-value{font-size:.75rem}.summary-widget{padding:8px}.summary-value{font-size:.8rem}.history-table{min-width:500px}.history-table th,.history-table td{padding:6px 8px;font-size:.7rem}.history-pagination{gap:8px;padding-top:12px;margin-top:12px}}.account-transactions-page{padding:24px;background:#f9fafb;min-height:calc(100vh - 60px)}.transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.transactions-header h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.header-actions{display:flex;gap:8px}.header-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.header-btn.income{background:#166534;color:#fff}.header-btn.income:hover{background:#15803d}.header-btn.expense{background:#dc2626;color:#fff}.header-btn.expense:hover{background:#b91c1c}.header-btn.transfer{background:#2563eb;color:#fff}.header-btn.transfer:hover{background:#1d4ed8}.header-btn.export{background:#fff;color:#374151;border:1px solid #d1d5db}.header-btn.export:hover{background:#f3f4f6}.transactions-widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.trans-widget{display:flex;flex-direction:column;padding:20px;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;border-left:4px solid}.trans-widget.income{border-left-color:#166534}.trans-widget.expense{border-left-color:#dc2626}.trans-widget.balance{border-left-color:#2563eb}.trans-widget.count{border-left-color:#7c3aed}.trans-widget-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.trans-widget-value{font-size:1.5rem;font-weight:700;color:#1f2937}.advanced-filters{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.filters-header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.filters-header h2{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.filters-content{padding:20px}.filters-row{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-bottom:12px}.filters-row:last-child{margin-bottom:0}.filter-group.narrow{grid-column:span 1}.filter-group.narrow input{width:100%}.filter-group.date-range{display:flex;flex-direction:column;gap:4px;grid-column:span 2}.filter-group.wide{grid-column:span 2}.filter-group.date-range input{flex:1;min-width:0}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:.7rem;font-weight:500;color:#374151;margin-bottom:4px}.filter-group input{padding:5px 8px;border:1px solid #d1d5db;border-radius:5px;font-size:.75rem;color:#1f2937;min-width:0;height:32px}.filter-group input:focus{outline:none;border-color:#3b82f6}.filter-select{position:relative;display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border:1px solid #d1d5db;border-radius:5px;background:#fff;cursor:pointer;height:32px}.filter-select span{font-size:.75rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-select svg{color:#6b7280;flex-shrink:0}.filter-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:200px;overflow-y:auto}.filter-option{padding:8px 12px;font-size:.85rem;color:#374151;cursor:pointer;transition:background .2s}.filter-option:hover{background:#f3f4f6}.filter-option.active{background:#eff6ff;color:#3b82f6}.amount-range{display:flex;gap:8px}.amount-range input{flex:1;min-width:0}.transactions-table-container{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.transactions-table{width:100%;border-collapse:collapse}.transactions-table th{text-align:left;padding:12px 10px;background:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.transactions-table td{padding:12px 10px;font-size:.85rem;color:#374151;border-bottom:1px solid #f3f4f6}.transactions-table tbody tr:hover{background:#f9fafb}.transactions-table tbody tr.selected{background:#eff6ff}.checkbox-col{width:40px;text-align:center}.checkbox-col input{width:16px;height:16px;accent-color:#3b82f6}.account-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:500}.type-badge.gelir{background:#dcfce7;color:#166534}.type-badge.gider{background:#fee2e2;color:#991b1b}.type-badge.transfer{background:#dbeafe;color:#1e40af}.type-badge.transfer-giriş{background:#d1fae5;color:#065f46}.type-badge.transfer-çıkış{background:#fef3c7;color:#92400e}.type-badge.cari{background:#e5e7eb;color:#374151}.type-badge.kredi{background:#fce7f3;color:#9d174d}.type-badge.borç{background:#fef2f2;color:#dc2626}.amount-cell{font-weight:600;white-space:nowrap}.amount-cell.positive{color:#166534}.amount-cell.negative{color:#dc2626}.actions-cell{display:flex;gap:4px}.actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#1f2937;cursor:pointer;transition:background .2s}.actions-cell .action-btn:hover{background:#f3f4f6}.blur-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.blur-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.transaction-detail-modal{width:900px;max-width:95vw}.source-detail-modal{width:600px;max-width:95vw}.blur-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.blur-modal-header h2{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.modal-header-actions{display:flex;align-items:center;gap:8px}.source-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:.75rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.source-btn:hover{background:#e5e7eb}.blur-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .15s ease}.blur-modal-close:hover{background:#f3f4f6;color:#1f2937}.blur-modal-body{padding:20px;overflow-y:auto;flex:1}.blur-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:12px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-section{background:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.section-title{font-size:.813rem;font-weight:600;color:#1f2937;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0;font-size:.813rem}.detail-label{color:#6b7280;flex-shrink:0}.detail-value{color:#1f2937;text-align:right;word-break:break-word}.detail-value.positive{color:#16a34a;font-weight:500}.detail-value.negative{color:#dc2626;font-weight:500}.mini-table{width:100%;border-collapse:collapse;font-size:.75rem;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.mini-table th,.mini-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #e5e7eb}.mini-table th{background:#f3f4f6;font-weight:600;color:#374151}.mini-table td{color:#1f2937}.mini-table tbody tr:last-child td{border-bottom:none}.source-detail-modal-wide{width:900px;max-width:95vw}.transaction-detail-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.detail-card-section{background:#f9fafb;border-radius:8px;padding:12px}.detail-card-section .detail-card-title{font-size:.75rem;font-weight:600;color:#1f2937;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.detail-items-compact{display:flex;flex-direction:column;gap:6px}.detail-item-compact{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.detail-item-compact .label{color:#6b7280}.detail-item-compact .value{color:#1f2937;font-weight:500;text-align:right}.detail-item-compact .value.positive{color:#059669}.detail-item-compact .value.negative{color:#dc2626}.detail-description-section{margin-top:12px;background:#f9fafb;border-radius:8px;padding:12px}.detail-description-section .detail-card-title{font-size:.75rem;font-weight:600;color:#1f2937;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.description-content{font-size:.75rem;color:#374151;line-height:1.5}.mini-table-compact{width:100%;border-collapse:collapse;font-size:.7rem;margin-bottom:4px}.mini-table-compact th,.mini-table-compact td{padding:4px 6px;text-align:left;border-bottom:1px solid #e5e7eb}.mini-table-compact th{background:#f3f4f6;font-weight:500;color:#6b7280}.mini-table-compact td{color:#1f2937}.mini-table-compact tbody tr:last-child td{border-bottom:none}.edit-transaction-modal{width:700px;max-width:95vw}.current-info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px 16px;margin-bottom:16px}.current-info-title{font-size:.75rem;font-weight:600;color:#0369a1;margin-bottom:10px}.current-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.current-info-item{display:flex;justify-content:space-between;font-size:.75rem}.current-info-item .label{color:#6b7280}.current-info-item .value{color:#1f2937;font-weight:500}.edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edit-form-grid .form-group{display:flex;flex-direction:column;gap:4px}.edit-form-grid .form-group.full-width{grid-column:1 / -1}.edit-form-grid .form-group label{font-size:.75rem;font-weight:500;color:#374151}.edit-form-grid .form-group label .required{color:#dc2626}.edit-form-grid .form-input{height:36px;padding:0 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:.813rem;color:#1f2937;background:#fff;outline:none;transition:border-color .15s ease}.edit-form-grid .form-input:focus{border-color:#3b82f6}.edit-form-grid .form-input.textarea{height:auto;padding:8px 10px;resize:vertical;min-height:70px}.edit-form-grid .search-select-container{position:relative}.edit-form-grid .search-select-container .dropdown-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.edit-form-grid .search-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;overflow-x:visible;z-index:999999}.edit-form-grid .search-select-option{padding:8px 12px;font-size:.813rem;color:#374151;cursor:pointer;transition:background .15s ease}.edit-form-grid .search-select-option:hover{background:#f3f4f6}.edit-form-grid .search-select-option.selected{background:#eff6ff;color:#1d4ed8}@media(max-width:1400px){.account-transactions-page{padding:20px}.filters-row{grid-template-columns:repeat(5,1fr)}.filter-group.date-range,.filter-group.wide{grid-column:span 1}.trans-widget-value{font-size:1.25rem}}@media(max-width:1199px){.account-transactions-page{padding:16px}.transactions-header h1{font-size:1.25rem}.header-btn{padding:6px 12px;font-size:.8rem}.transactions-widgets{grid-template-columns:repeat(2,1fr);gap:12px}.trans-widget{padding:16px}.trans-widget-value{font-size:1.125rem}.filters-row{grid-template-columns:repeat(4,1fr);gap:8px}.transactions-table th,.transactions-table td{padding:10px 8px;font-size:.8rem}.transactions-table th{font-size:.7rem}.transaction-detail-modal,.source-detail-modal-wide{width:95vw}.detail-grid{gap:16px}.transaction-detail-layout{grid-template-columns:1fr 1fr}}@media(max-width:1023px){.account-transactions-page{padding:14px}.transactions-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.transactions-header h1{font-size:1.125rem}.header-actions{width:100%;flex-wrap:wrap;gap:6px}.header-btn{flex:1;justify-content:center;padding:8px 10px;font-size:.75rem}.transactions-widgets{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.trans-widget{padding:14px}.trans-widget-label{font-size:.7rem}.trans-widget-value{font-size:1rem}.advanced-filters{margin-bottom:16px}.filters-header{padding:12px 16px}.filters-header h2{font-size:.9rem}.filters-content{padding:14px}.filters-row{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}.filter-group.date-range,.filter-group.wide,.filter-group.narrow{grid-column:span 1}.filter-group label{font-size:.65rem}.filter-group input,.filter-select{height:30px;font-size:.7rem;padding:4px 6px}.transactions-table-container{overflow-x:auto;border-radius:8px}.transactions-table{min-width:800px}.transactions-table th,.transactions-table td{padding:8px 6px;font-size:.75rem}.transactions-table th{font-size:.65rem}.type-badge{padding:3px 6px;font-size:.65rem}.account-cell{max-width:120px}.blur-modal{max-height:95vh}.transaction-detail-modal,.source-detail-modal,.source-detail-modal-wide,.edit-transaction-modal{width:95vw;max-width:95vw}.blur-modal-header{padding:12px 16px}.blur-modal-header h2{font-size:.9rem}.blur-modal-body{padding:14px}.blur-modal-footer{padding:10px 14px}.detail-grid,.transaction-detail-layout{grid-template-columns:1fr;gap:12px}.detail-section{padding:12px}.section-title{font-size:.75rem;margin-bottom:10px}.detail-row{font-size:.75rem;padding:5px 0}.edit-form-grid{grid-template-columns:1fr;gap:10px}.current-info-grid{grid-template-columns:1fr;gap:6px}}@media(max-width:767px){.account-transactions-page{padding:12px}.transactions-header{margin-bottom:12px}.transactions-header h1{font-size:1rem}.header-actions{gap:4px}.header-btn{padding:6px 8px;font-size:.7rem;gap:4px}.header-btn svg{width:14px;height:14px}.transactions-widgets{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.trans-widget{padding:12px;border-left-width:3px}.trans-widget-label{font-size:.65rem;margin-bottom:4px}.trans-widget-value{font-size:.9rem}.advanced-filters{margin-bottom:12px;border-radius:8px}.filters-header{padding:10px 12px}.filters-header h2{font-size:.85rem}.filters-content{padding:10px 12px}.filters-row{grid-template-columns:1fr;gap:8px}.filter-group.date-range,.filter-group.wide,.filter-group.narrow{grid-column:span 1}.filter-group label{font-size:.65rem}.filter-group input,.filter-select{height:32px;font-size:.75rem}.transactions-table-container{border-radius:6px}.transactions-table{min-width:700px}.transactions-table th,.transactions-table td{padding:6px 5px;font-size:.7rem}.transactions-table th{font-size:.6rem}.checkbox-col{width:30px}.checkbox-col input{width:14px;height:14px}.type-badge{padding:2px 5px;font-size:.6rem}.account-cell{max-width:100px}.amount-cell{font-size:.7rem}.actions-cell .action-btn{width:24px;height:24px}.blur-modal{max-height:100vh;border-radius:0}.transaction-detail-modal,.source-detail-modal,.source-detail-modal-wide,.edit-transaction-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.blur-modal-header{padding:12px}.blur-modal-header h2{font-size:.875rem}.modal-header-actions{gap:6px}.source-btn{padding:5px 8px;font-size:.7rem}.blur-modal-close{width:28px;height:28px}.blur-modal-body{padding:12px}.blur-modal-footer{padding:10px 12px;gap:8px}.blur-modal-footer button{flex:1;padding:8px 12px;font-size:.8rem}.detail-section{padding:10px}.section-title{font-size:.7rem;margin-bottom:8px;padding-bottom:6px}.detail-row{font-size:.7rem;padding:4px 0}.detail-card-section{padding:10px}.detail-card-section .detail-card-title{font-size:.7rem;margin-bottom:8px}.detail-item-compact{font-size:.7rem}.mini-table th,.mini-table td{padding:6px 8px;font-size:.7rem}.mini-table-compact th,.mini-table-compact td{padding:3px 5px;font-size:.65rem}.current-info-box{padding:10px 12px;margin-bottom:12px}.current-info-title{font-size:.7rem;margin-bottom:8px}.current-info-item,.edit-form-grid .form-group label{font-size:.7rem}.edit-form-grid .form-input{height:34px;font-size:.75rem}.edit-form-grid .form-input.textarea{min-height:60px}}@media(max-width:480px){.account-transactions-page{padding:8px}.transactions-header h1{font-size:.95rem}.header-btn{padding:5px 6px;font-size:.65rem}.header-btn svg{width:12px;height:12px}.transactions-widgets{gap:6px}.trans-widget{padding:10px}.trans-widget-label{font-size:.6rem}.trans-widget-value{font-size:.85rem}.filters-header{padding:8px 10px}.filters-header h2{font-size:.8rem}.filters-content{padding:8px 10px}.filters-row{gap:6px}.filter-group label{font-size:.6rem}.filter-group input,.filter-select{height:30px;font-size:.7rem;padding:4px 6px;border-radius:4px}.transactions-table{min-width:600px}.transactions-table th,.transactions-table td{padding:5px 4px;font-size:.65rem}.transactions-table th{font-size:.55rem}.type-badge{padding:2px 4px;font-size:.55rem}.account-cell{max-width:80px}.actions-cell .action-btn{width:22px;height:22px}.actions-cell .action-btn svg{width:12px;height:12px}.blur-modal-header{padding:10px}.blur-modal-header h2{font-size:.813rem}.source-btn{padding:4px 6px;font-size:.65rem}.blur-modal-close{width:26px;height:26px}.blur-modal-body{padding:10px}.blur-modal-footer{padding:8px 10px}.blur-modal-footer button{padding:6px 10px;font-size:.75rem}.detail-section{padding:8px}.section-title,.detail-row{font-size:.65rem}.detail-card-section{padding:8px}.detail-card-section .detail-card-title,.detail-item-compact,.description-content{font-size:.65rem}.mini-table th,.mini-table td{padding:4px 6px;font-size:.65rem}.current-info-box{padding:8px 10px}.current-info-title,.current-info-item,.edit-form-grid .form-group label{font-size:.65rem}.edit-form-grid .form-input{height:32px;font-size:.7rem;padding:0 8px}.edit-form-grid .form-input.textarea{padding:6px 8px;min-height:50px}.edit-form-grid .search-select-option{padding:6px 10px;font-size:.75rem}}.app{min-height:100vh;background-color:#f9fafb}.main-content{padding:0;max-width:1920px;margin:0 auto}.page-content{background-color:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.page-content h2{margin:0;font-size:1.5rem;color:#1f2937}.cash-movements-page{padding:1.5rem;width:100%;box-sizing:border-box}.cash-movements-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cash-movements-page-header h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.cash-movements-actions{display:flex;gap:8px;flex-wrap:wrap}.cash-movements-header-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cash-movements-header-btn.income{background:#166534;color:#fff}.cash-movements-header-btn.income:hover{background:#15803d}.cash-movements-header-btn.expense{background:#dc2626;color:#fff}.cash-movements-header-btn.expense:hover{background:#b91c1c}.cash-movements-header-btn.transfer{background:#2563eb;color:#fff}.cash-movements-header-btn.transfer:hover{background:#1d4ed8}.cash-movements-filter-section{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.25rem;margin-bottom:1.5rem}.cash-movements-filter-header{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.cash-movements-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.cash-movements-filter-group{display:flex;flex-direction:column;gap:.5rem}.cash-movements-filter-group label{font-size:.8125rem;font-weight:500;color:#374151}.cash-movements-search-select{position:relative}.cash-movements-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:.875rem;color:#1f2937;transition:all .2s ease}.cash-movements-select-trigger:hover{border-color:#9ca3af}.cash-movements-select-trigger svg{color:#6b7280;transition:transform .2s ease;flex-shrink:0}.cash-movements-select-trigger svg.rotated{transform:rotate(180deg)}.cash-movements-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;overflow:hidden}.cash-movements-dropdown-search{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid #e5e7eb}.cash-movements-dropdown-search svg{color:#9ca3af;flex-shrink:0}.cash-movements-dropdown-search input{flex:1;border:none;outline:none;font-size:.875rem;color:#1f2937}.cash-movements-dropdown-search input::placeholder{color:#9ca3af}.cash-movements-dropdown-list{max-height:200px;overflow-y:auto}.cash-movements-dropdown-item{padding:.625rem .875rem;font-size:.875rem;color:#374151;cursor:pointer;transition:background-color .15s ease}.cash-movements-dropdown-item:hover{background-color:#f3f4f6}.cash-movements-dropdown-item.selected{background-color:#eff6ff;color:#1d4ed8;font-weight:500}.cash-movements-date-input,.cash-movements-text-input{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem}.cash-movements-date-input svg,.cash-movements-text-input svg{color:#9ca3af;flex-shrink:0}.cash-movements-date-input input,.cash-movements-text-input input{flex:1;border:none;outline:none;font-size:.875rem;color:#1f2937;background:transparent}.cash-movements-date-input input::placeholder,.cash-movements-text-input input::placeholder{color:#9ca3af}.cash-movements-filter-actions{display:flex;gap:.75rem}.cash-movements-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cash-movements-filter-btn.primary{background-color:#1f2937;color:#fff}.cash-movements-filter-btn.primary:hover{background-color:#111827}.cash-movements-filter-btn.secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.cash-movements-filter-btn.secondary:hover{background-color:#e5e7eb}.cash-movements-summary-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:.5rem;background-color:#f9fafb}.cash-movements-summary-card.income{border-left:4px solid #059669}.cash-movements-summary-card.expense{border-left:4px solid #dc2626}.cash-movements-summary-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;flex-shrink:0}.cash-movements-summary-card.income .cash-movements-summary-icon{background-color:#d1fae5;color:#059669}.cash-movements-summary-card.expense .cash-movements-summary-icon{background-color:#fee2e2;color:#dc2626}.cash-movements-summary-content{display:flex;flex-direction:column;gap:.25rem}.cash-movements-summary-title{font-size:.9375rem;font-weight:600;color:#1f2937}.cash-movements-summary-details{display:flex;flex-direction:column;gap:.125rem;font-size:.8125rem;color:#6b7280}.cash-movements-table-section{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;margin-bottom:1.5rem;overflow:hidden}.cash-movements-table-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.cash-movements-table-header>span{font-size:1rem;font-weight:600;color:#1f2937}.cash-movements-table-actions{display:flex;gap:.5rem;flex-wrap:wrap}.cash-movements-export-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;color:#374151;cursor:pointer;transition:all .2s ease}.cash-movements-export-btn:hover{background-color:#e5e7eb}.cash-movements-table-container{overflow-x:auto}.cash-movements-table{width:100%;border-collapse:collapse;font-size:.875rem}.cash-movements-table th,.cash-movements-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.cash-movements-table th{background-color:#f9fafb;font-weight:600;color:#374151}.cash-movements-table td{color:#4b5563}.cash-movements-table tbody tr:hover{background-color:#f9fafb}.cash-movements-type-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.cash-movements-type-badge.income{background-color:#d1fae5;color:#065f46}.cash-movements-type-badge.expense{background-color:#fee2e2;color:#991b1b}.cash-movements-type-badge.transfer-in{background-color:#dbeafe;color:#1e40af}.cash-movements-type-badge.transfer-out{background-color:#fef3c7;color:#92400e}.cash-movements-amount{font-weight:600}.cash-movements-amount.positive{color:#059669}.cash-movements-amount.negative{color:#dc2626}.cash-movements-actions-cell{display:flex;gap:.5rem}.cash-movements-action-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:transparent;color:#1f2937;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.cash-movements-action-icon:hover{background-color:#f3f4f6}.cash-movements-empty-row td{padding:0!important}.cash-movements-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.cash-movements-empty svg{color:#d1d5db;margin-bottom:1rem}.cash-movements-empty-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .5rem}.cash-movements-empty-subtitle{font-size:.875rem;color:#6b7280;margin:0}.cash-movements-cash-summary{background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:1.5rem}.cash-movements-cash-summary-header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;font-size:1rem;font-weight:600;color:#1f2937}.cash-movements-cash-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.25rem;border-bottom:1px solid #e5e7eb}.cash-movements-cash-tab{background-color:#f9fafb;border-radius:.5rem;overflow:hidden}.cash-movements-cash-tab.transactions-tab{display:flex;flex-direction:column;gap:.75rem;background-color:transparent}.cash-movements-cash-tab-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background-color:#f3f4f6;font-size:.875rem;font-weight:600;color:#374151}.cash-movements-cash-list{padding:.5rem}.cash-movements-cash-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border-radius:.375rem;transition:background-color .15s ease}.cash-movements-cash-item:hover{background-color:#e5e7eb}.cash-movements-cash-name{font-size:.875rem;color:#374151}.cash-movements-cash-balance{font-size:.875rem;font-weight:600;color:#059669}.cash-movements-cash-empty{padding:1rem;text-align:center;font-size:.8125rem;color:#9ca3af}.cash-movements-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.25rem}.cash-movements-stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem}.cash-movements-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:.5rem;flex-shrink:0}.cash-movements-stat-icon.system{background-color:#dbeafe;color:#2563eb}.cash-movements-stat-icon.account{background-color:#fef3c7;color:#d97706}.cash-movements-stat-icon.transactions{background-color:#e0e7ff;color:#4f46e5}.cash-movements-stat-icon.balance{background-color:#d1fae5;color:#059669}.cash-movements-stat-content{display:flex;flex-direction:column;gap:.125rem}.cash-movements-stat-value{font-size:1.125rem;font-weight:700;color:#1f2937}.cash-movements-stat-label{font-size:.8125rem;color:#6b7280}@media(max-width:1024px){.cash-movements-page{padding:1rem}.cash-movements-filter-grid,.cash-movements-stats-grid{grid-template-columns:repeat(2,1fr)}.cash-movements-cash-tabs{grid-template-columns:1fr}}@media(max-width:640px){.cash-movements-page{padding:.75rem}.cash-movements-breadcrumb{font-size:.75rem;gap:.375rem}.cash-movements-actions{flex-direction:column}.cash-movements-action-btn{justify-content:center}.cash-movements-filter-grid{grid-template-columns:1fr}.cash-movements-filter-actions{flex-direction:column}.cash-movements-filter-btn{justify-content:center}.cash-movements-table-header{flex-direction:column;align-items:flex-start}.cash-movements-table-actions{width:100%}.cash-movements-export-btn{flex:1;justify-content:center}.cash-movements-export-btn span{display:none}.cash-movements-stats-grid{grid-template-columns:1fr}.cash-movements-stat-card{padding:.875rem}.cash-movements-stat-value{font-size:1rem}.cash-movements-table th,.cash-movements-table td{padding:.625rem .5rem;font-size:.75rem;white-space:nowrap}.cash-movements-table th:nth-child(4),.cash-movements-table td:nth-child(4){min-width:120px}.cash-movements-table th:nth-child(7),.cash-movements-table td:nth-child(7){min-width:130px}.cash-movements-table th:nth-child(8),.cash-movements-table td:nth-child(8){min-width:100px}.cash-movements-actions-cell,.cash-movements-type-badge{white-space:nowrap}}.hotel-reports-page{padding:2rem;background-color:#f9fafb;min-height:100vh}.hotel-reports-header{margin-bottom:2rem}.hotel-reports-header h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.hotel-reports-header p{font-size:.9375rem;color:#6b7280;margin:0}.hotel-reports-categories{display:flex;flex-direction:column;gap:1rem}.hotel-report-category{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.hotel-category-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s}.hotel-category-header:hover{background-color:#f9fafb}.hotel-category-title{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#1f2937}.hotel-category-title svg{color:#3b82f6}.hotel-category-count{background:#e5e7eb;color:#6b7280;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;font-weight:500}.hotel-category-reports{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;padding:0 1rem 1rem}.hotel-report-item{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:#f9fafb;border-radius:.5rem;cursor:pointer;transition:all .2s;border:1px solid transparent}.hotel-report-item:hover{background:#f3f4f6;border-color:#1f2937}.hotel-report-item svg{color:#6b7280;flex-shrink:0}.hotel-report-item span{font-size:.875rem;color:#374151}.hotel-report-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.hotel-report-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.hotel-report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.hotel-report-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.hotel-report-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .2s}.hotel-report-modal-close:hover{background-color:#e5e7eb;color:#1f2937}.hotel-report-modal-filters{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:.75rem;padding:15px;border-bottom:1px solid #e5e7eb;background-color:#fafafa;overflow-x:auto}.hotel-report-filter-group{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.hotel-report-filter-group.date-range{flex-direction:row;align-items:flex-end;gap:.5rem}.hotel-report-filter-group label,.hotel-report-filter-date label{font-size:.7rem;font-weight:500;color:#6b7280}.hotel-report-filter-input{padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8rem;color:#1f2937;min-width:100px}.hotel-report-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.hotel-report-filter-group.search{flex:0 0 auto;min-width:80px;max-width:120px}.hotel-report-search-wrapper{position:relative;display:flex;align-items:center}.hotel-report-search-wrapper svg{position:absolute;left:.75rem;color:#9ca3af}.hotel-report-search-wrapper .hotel-report-filter-input{padding-left:2.25rem;width:100%}.hotel-report-filter-actions{display:flex;align-items:flex-end}.hotel-report-filter-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.hotel-report-filter-btn:hover{background-color:#374151}.hotel-report-modal-body{flex:1;overflow-y:auto;padding:1.5rem;min-height:300px}.hotel-report-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:#9ca3af}.hotel-report-empty svg{margin-bottom:1rem}.hotel-report-empty p{font-size:.9375rem}.hotel-report-modal-footer{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.hotel-report-footer-spacer{flex:1}.hotel-report-export-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background-color:#fff;color:#374151}.hotel-report-export-btn:hover{background-color:#f3f4f6}.hotel-report-export-btn.rule{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.hotel-report-export-btn.rule:hover{background-color:#2563eb}.hotel-report-export-btn.excel{background-color:#059669;border-color:#059669;color:#fff}.hotel-report-export-btn.excel:hover{background-color:#047857}.hotel-report-export-btn.pdf{background-color:#dc2626;border-color:#dc2626;color:#fff}.hotel-report-export-btn.pdf:hover{background-color:#b91c1c}.hotel-report-export-btn.print{background-color:#6b7280;border-color:#6b7280;color:#fff}.hotel-report-export-btn.print:hover{background-color:#4b5563}.hotel-rule-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.hotel-rule-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.hotel-rule-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.hotel-rule-modal-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:700;color:#1f2937}.hotel-rule-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .2s}.hotel-rule-modal-close:hover{background-color:#e5e7eb;color:#1f2937}.hotel-rule-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.hotel-rule-section{margin-bottom:1.5rem}.hotel-rule-section:last-child{margin-bottom:0}.hotel-rule-section h4{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.hotel-rule-section-desc{font-size:.8125rem;color:#6b7280;margin:0 0 .75rem}.hotel-rule-users-list{display:flex;flex-direction:column;gap:.5rem;max-height:150px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem}.hotel-rule-user-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.hotel-rule-user-item:hover{background-color:#f3f4f6}.hotel-rule-user-item input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.hotel-rule-user-info{display:flex;flex-direction:column}.hotel-rule-user-name{font-size:.875rem;font-weight:500;color:#1f2937}.hotel-rule-user-email{font-size:.75rem;color:#6b7280}.hotel-rule-schedule-options{display:flex;gap:1rem;margin-bottom:1rem}.hotel-rule-schedule-option{display:flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.875rem;color:#374151}.hotel-rule-schedule-option input[type=radio]{accent-color:#3b82f6}.hotel-rule-schedule-details{display:flex;gap:1rem;flex-wrap:wrap}.hotel-rule-form-group{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:120px}.hotel-rule-form-group label{font-size:.75rem;font-weight:500;color:#6b7280}.hotel-rule-form-input,.hotel-rule-form-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#1f2937}.hotel-rule-form-input:focus,.hotel-rule-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.hotel-rule-form-textarea{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#1f2937;resize:vertical;font-family:inherit}.hotel-rule-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.hotel-rule-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.hotel-rule-btn{padding:.5rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.hotel-rule-btn.cancel{background-color:#fff;border:1px solid #d1d5db;color:#374151}.hotel-rule-btn.cancel:hover{background-color:#f3f4f6}.hotel-rule-btn.save{background-color:#3b82f6;border:1px solid #3b82f6;color:#fff}.hotel-rule-btn.save:hover{background-color:#2563eb}.hotel-rule-btn.save:disabled{background-color:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.hotel-rule-btn.save{display:flex;align-items:center;gap:.375rem}.hotel-rule-notification{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;margin-bottom:1rem}.hotel-rule-notification.success{background-color:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.hotel-rule-notification.error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.hotel-rule-notification-close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:2px;display:flex;align-items:center}.hotel-rule-notification-close:hover{opacity:1}.hotel-rule-existing-loading{display:flex;align-items:center;gap:.5rem;padding:1rem;color:#6b7280;font-size:.875rem;justify-content:center}.hotel-rule-existing-list{display:flex;flex-direction:column;gap:.5rem}.hotel-rule-existing-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s}.hotel-rule-existing-item:hover{border-color:#d1d5db;background-color:#f3f4f6}.hotel-rule-existing-info{display:flex;flex-direction:column;gap:.25rem}.hotel-rule-existing-schedule{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:#1f2937}.hotel-rule-existing-details{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#6b7280}.hotel-rule-existing-subject{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotel-rule-existing-users{background-color:#e5e7eb;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:500}.hotel-rule-existing-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;border:none;background:none;color:#9ca3af;cursor:pointer;transition:all .2s}.hotel-rule-existing-delete:hover{background-color:#fef2f2;color:#ef4444}.hotel-rule-spinner-icon{animation:hotel-rule-spin 1s linear infinite}@keyframes hotel-rule-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hotel-report-filter-select{padding:.3rem .35rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.7rem;background-color:#fff;color:#1f2937;min-width:70px;cursor:pointer}.hotel-report-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.hotel-report-filter-group.date-range{display:flex;gap:.5rem}.hotel-report-filter-date{display:flex;flex-direction:column;gap:.25rem}.hotel-report-filter-date label{font-size:.75rem;color:#6b7280}.hotel-report-table-container{width:100%;overflow-x:auto}.hotel-report-table{width:100%;border-collapse:collapse;font-size:.875rem}.hotel-report-table thead{background-color:#f9fafb;position:sticky;top:0;z-index:1}.hotel-report-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.hotel-report-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;color:#1f2937;white-space:nowrap}.hotel-report-table tbody tr:hover{background-color:#f9fafb}.hotel-report-table .cell-currency{text-align:right;font-family:Roboto Mono,monospace;font-weight:500}.hotel-report-table .cell-number{text-align:center}.hotel-report-table .cell-percentage{text-align:center;font-weight:500}.status-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-badge.status-success{background-color:#dcfce7;color:#166534}.status-badge.status-warning{background-color:#fef3c7;color:#92400e}.status-badge.status-danger{background-color:#fee2e2;color:#991b1b}.status-badge.status-default{background-color:#e5e7eb;color:#374151}.hotel-report-summary{display:flex;justify-content:flex-end;gap:2rem;padding:1rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;margin-top:.5rem}.hotel-report-summary-item{font-size:.875rem;color:#6b7280}.hotel-report-summary-item strong{color:#1f2937;font-weight:600}.hotel-report-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.hotel-report-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hotel-report-loading p{color:#6b7280;font-size:.875rem}.hotel-report-export-btn:disabled{opacity:.5;cursor:not-allowed}.hotel-report-export-btn:disabled:hover{transform:none}@media(max-width:1024px){.hotel-report-modal{max-width:95%}.hotel-category-reports{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hotel-reports-page{padding:1rem}.hotel-reports-header{margin-bottom:1rem}.hotel-reports-header h1{font-size:1.25rem}.hotel-reports-header p{font-size:.8rem}.hotel-reports-categories{gap:.75rem}.hotel-report-category{border-radius:.5rem}.hotel-category-header{padding:.75rem 1rem}.hotel-category-title{gap:.5rem}.hotel-category-title span:first-of-type{font-size:.9rem}.hotel-category-count{font-size:.7rem;padding:.125rem .375rem}.hotel-category-reports{grid-template-columns:1fr;padding:.5rem;gap:.375rem}.hotel-report-item{padding:.625rem .75rem;font-size:.8rem}.hotel-report-modal-overlay{padding:0}.hotel-report-modal{max-width:100%;max-height:100vh;height:100vh;border-radius:0}.hotel-report-modal-header{padding:1rem}.hotel-report-modal-header h3{font-size:1rem}.hotel-report-modal-filters{flex-direction:column;flex-wrap:wrap;padding:.75rem;gap:.5rem}.hotel-report-filter-group{width:100%}.hotel-report-filter-group.date-range{flex-direction:row;width:100%}.hotel-report-filter-date{flex:1}.hotel-report-filter-input,.hotel-report-filter-select{width:100%;padding:.5rem;font-size:.875rem}.hotel-report-filter-group.search{max-width:100%}.hotel-report-filter-actions{width:100%}.hotel-report-filter-btn{width:100%;justify-content:center}.hotel-report-modal-body{padding:.75rem;min-height:200px}.hotel-report-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.hotel-report-table{font-size:.75rem}.hotel-report-table th,.hotel-report-table td{padding:.5rem .625rem}.hotel-report-summary{flex-direction:column;gap:.25rem;font-size:.75rem}.hotel-report-modal-footer{flex-wrap:wrap;padding:.75rem;gap:.5rem}.hotel-report-export-btn{flex:1;justify-content:center;min-width:calc(50% - .25rem);padding:.5rem .75rem;font-size:.8rem}.hotel-report-export-btn.rule{width:100%;min-width:100%;order:-1;margin-bottom:.25rem}.hotel-report-footer-spacer{display:none}.hotel-rule-modal-overlay{padding:0}.hotel-rule-modal{max-width:100%;max-height:100vh;height:100vh;border-radius:0}.hotel-rule-modal-header{padding:1rem}.hotel-rule-modal-header h3{font-size:1rem;gap:.5rem}.hotel-rule-modal-body{padding:1rem}.hotel-rule-section{margin-bottom:1.25rem}.hotel-rule-section h4{font-size:.9rem}.hotel-rule-users-list{max-height:150px}.hotel-rule-user-item{padding:.625rem}.hotel-rule-user-name{font-size:.85rem}.hotel-rule-user-email{font-size:.7rem}.hotel-rule-schedule-options{flex-direction:column;gap:.5rem}.hotel-rule-schedule-option{padding:.625rem .875rem}.hotel-rule-schedule-details{flex-direction:column}.hotel-rule-form-group,.hotel-rule-form-input,.hotel-rule-form-select,.hotel-rule-form-textarea{width:100%}.hotel-rule-modal-footer{padding:1rem;flex-direction:column;gap:.5rem}.hotel-rule-btn{width:100%;justify-content:center}}@media(max-width:480px){.hotel-reports-page{padding:.75rem}.hotel-reports-header h1{font-size:1.125rem}.hotel-category-header{padding:.625rem .75rem}.hotel-category-title svg{width:18px;height:18px}.hotel-report-item{padding:.5rem .625rem;font-size:.75rem}.hotel-report-modal-header h3{font-size:.9rem}.hotel-report-export-btn{min-width:100%;padding:.625rem}.hotel-report-table{font-size:.7rem}.hotel-report-table th,.hotel-report-table td{padding:.375rem .5rem}.status-badge{font-size:.65rem;padding:.125rem .375rem}}.hotel-pdf-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.hotel-pdf-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:400px;overflow:hidden}.hotel-pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.hotel-pdf-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.hotel-pdf-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .2s}.hotel-pdf-modal-close:hover{background-color:#e5e7eb;color:#1f2937}.hotel-pdf-modal-body{padding:1.5rem}.hotel-pdf-modal-desc{margin:0 0 1.25rem;font-size:.9rem;color:#6b7280;text-align:center}.hotel-pdf-orientation-options{display:flex;gap:1rem;justify-content:center}.hotel-pdf-orientation-option{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .2s;background-color:#fff}.hotel-pdf-orientation-option:hover{border-color:#9ca3af}.hotel-pdf-orientation-option.active{border-color:#3b82f6;background-color:#eff6ff}.hotel-pdf-orientation-option input{display:none}.hotel-pdf-orientation-option span{font-size:.875rem;font-weight:500;color:#374151}.hotel-pdf-orientation-option.active span{color:#1d4ed8}.hotel-pdf-orientation-icon{display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:.375rem;border:1px solid #d1d5db}.hotel-pdf-orientation-icon.portrait{width:40px;height:56px}.hotel-pdf-orientation-icon.landscape{width:56px;height:40px}.hotel-pdf-orientation-option.active .hotel-pdf-orientation-icon{background-color:#dbeafe;border-color:#93c5fd}.hotel-pdf-orientation-preview{width:60%;height:3px;background-color:#9ca3af;border-radius:2px}.hotel-pdf-orientation-option.active .hotel-pdf-orientation-preview{background-color:#3b82f6}.hotel-pdf-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.hotel-pdf-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.hotel-pdf-btn.cancel{background-color:#fff;border:1px solid #d1d5db;color:#374151}.hotel-pdf-btn.cancel:hover{background-color:#f3f4f6}.hotel-pdf-btn.download{background-color:#dc2626;border:1px solid #dc2626;color:#fff}.hotel-pdf-btn.download:hover{background-color:#b91c1c}@media(max-width:480px){.hotel-pdf-modal{max-width:100%;margin:.5rem}.hotel-pdf-orientation-options{flex-direction:row;gap:.75rem}.hotel-pdf-orientation-option{flex:1;padding:1rem}}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden}.hotel-report-print-container,.hotel-report-print-container *{visibility:visible}.hotel-report-print-container{position:absolute;left:0;top:0;width:100%;padding:0;margin:0}.hotel-report-modal-overlay,.hotel-report-modal-header,.hotel-report-modal-filters,.hotel-report-modal-footer,.hotel-report-modal-close,.hotel-reports-page,.hotel-reports-header,.hotel-reports-categories{display:none!important}}.hotel-report-print-container{display:none}@media print{.hotel-report-print-container{display:block!important;padding:20px;font-family:Arial,sans-serif}.print-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #1f2937}.print-logo{width:80px;height:auto}.print-title-section{text-align:center;flex:1}.print-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 5px}.print-subtitle{font-size:12px;color:#6b7280;margin:0}.print-info{text-align:right;font-size:11px;color:#374151}.print-info p{margin:2px 0}.print-filters{background-color:#f9fafb;padding:10px 15px;margin-bottom:15px;border-radius:4px;font-size:11px;color:#374151}.print-table{width:100%;border-collapse:collapse;font-size:10px}.print-table thead{background-color:#1f2937!important}.print-table th{background-color:#1f2937!important;color:#fff!important;padding:8px 6px;text-align:left;font-weight:600;font-size:9px;border:1px solid #374151;white-space:nowrap}.print-table td{padding:6px;border:1px solid #e5e7eb;color:#1f2937;white-space:nowrap}.print-table tbody tr:nth-child(2n){background-color:#f9fafb!important}.print-table tbody tr:hover{background-color:transparent}.print-table .cell-currency{text-align:right;font-family:Courier New,monospace}.print-table .cell-number,.print-table .cell-percentage{text-align:center}.print-footer{margin-top:15px;padding-top:10px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;font-size:11px;color:#374151}.print-summary{background-color:#f3f4f6!important;padding:10px 15px;margin-top:10px;border-radius:4px}.print-summary-row{display:flex;justify-content:flex-end;gap:30px;font-size:11px}.print-summary-item{display:flex;gap:10px}.print-summary-label{color:#6b7280}.print-summary-value{font-weight:600;color:#1f2937}}