.add-product-modal{width:500px;max-width:90vw}.room-info{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #007bff}.room-info h3{margin:0 0 5px;color:#333;font-size:1.2rem}.room-info p{margin:0;color:#666}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group select,.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group select:focus,.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.product-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin:20px 0}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.summary-item:last-child{border-bottom:none}.summary-item.total{font-weight:700;font-size:1.1rem;color:#007bff;border-top:2px solid #007bff;margin-top:10px;padding-top:15px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.btn-secondary,.btn-primary{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;min-width:120px}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width: 600px){.add-product-modal{width:95vw;margin:10% auto}.modal-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}.checkout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.checkout-modal{background:white;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.checkout-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px 12px 0 0}.checkout-modal-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:1.25rem}.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s}.close-button:hover{background:rgba(255,255,255,.2)}.checkout-modal-content{padding:20px}.loading{text-align:center;padding:40px;color:#666;font-size:1.1rem}.reservation-info{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #667eea}.info-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#4a5568}.info-row:last-child{margin-bottom:0}.expenses-section h3{color:#2d3748;margin-bottom:15px;font-size:1.2rem;border-bottom:2px solid #667eea;padding-bottom:5px}.expense-category{margin-bottom:20px}.expense-category h4{color:#4a5568;margin-bottom:10px;font-size:1rem;display:flex;align-items:center;gap:5px}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.expense-item:last-child{border-bottom:none}.expense-value{font-weight:600;color:#2d3748}.total-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;border-radius:8px;margin-top:20px}.total-row{display:flex;justify-content:space-between;align-items:center}.total-value{font-size:1.5rem;font-weight:700}.notes-section{background:#fff3cd;padding:15px;border-radius:8px;margin-top:15px;border-left:4px solid #ffc107}.notes-section h4{margin:0 0 10px;color:#856404}.notes-section p{margin:0;color:#856404}.checkout-modal-footer{padding:20px;border-top:1px solid #e2e8f0;background:#f8f9fa;border-radius:0 0 12px 12px}.nfe-section{margin-bottom:20px;padding:15px;background:white;border-radius:8px;border:2px dashed #cbd5e0}.nfe-section h4{margin:0 0 10px;color:#4a5568;font-size:1rem}.nfe-buttons{display:flex;gap:10px;margin-bottom:8px}.btn-nfe-preview,.btn-nfe-generate{display:flex;align-items:center;gap:5px;padding:8px 12px;border:1px solid #cbd5e0;background:#f7fafc;color:#a0aec0;border-radius:6px;font-size:.875rem;cursor:not-allowed}.nfe-note{color:#718096;font-style:italic}.action-buttons{display:flex;gap:10px;justify-content:flex-end}.btn-cancel{padding:12px 24px;border:2px solid #e2e8f0;background:white;color:#4a5568;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.btn-confirm{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #48bb784d}.btn-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.checkout-modal{margin:10px;max-width:none}.nfe-buttons,.action-buttons{flex-direction:column}.expense-item{flex-direction:column;align-items:flex-start;gap:5px}}.room-account-container{padding:20px;max-width:1200px;margin:0 auto}.account-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.btn-back{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.btn-back:hover{background:#5a6268}.account-header h1{margin:0;color:#333;font-size:2rem}.room-info-card{background:white;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px}.room-details h2{margin:0 0 20px;color:#333;font-size:1.4rem;border-bottom:2px solid #007bff;padding-bottom:10px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecef}.info-item .label{font-weight:600;color:#666}.info-item .value{font-weight:500;color:#333}.account-summary{background:white;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.summary-header h2{margin:0;color:#333;font-size:1.4rem}.total-amount{font-size:1.5rem;font-weight:700;color:#007bff}.account-status{display:flex;justify-content:flex-start}.status-badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.status-badge.open{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.closed{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.account-items{background:white;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px}.account-items h3{margin:0 0 20px;color:#333;font-size:1.3rem;border-bottom:2px solid #007bff;padding-bottom:10px}.no-items{text-align:center;padding:40px;color:#666}.items-list{display:flex;flex-direction:column;gap:15px}.account-item{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa;transition:all .3s}.account-item:hover{background:#e9ecef;border-color:#007bff}.item-icon{font-size:1.5rem;width:40px;text-align:center}.item-details{flex:1}.item-name{font-weight:600;color:#333;margin-bottom:5px}.item-meta{display:flex;gap:15px;font-size:.9rem;color:#666}.item-quantity{font-size:.9rem;color:#666;min-width:60px}.item-price{text-align:right;min-width:120px}.unit-price{font-size:.85rem;color:#666;margin-bottom:2px}.total-price{font-weight:700;font-size:1rem;color:#333}.account-actions{background:white;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000001a}.total-summary{border-top:2px solid #007bff;padding-top:20px;margin-bottom:25px}.total-line{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;font-weight:700}.total-value{color:#007bff;font-size:1.5rem}.action-buttons{display:flex;gap:15px;justify-content:flex-end}.btn-add-item{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background .3s}.btn-add-item:hover{background:#218838}.btn-checkout{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background .3s}.btn-checkout:hover{background:#0056b3}.loading,.error{text-align:center;padding:40px;font-size:1.1rem;color:#666}.error{color:#dc3545}@media (max-width: 768px){.room-account-container{padding:15px}.account-header{flex-direction:column;align-items:flex-start;gap:15px}.account-header h1{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.summary-header,.account-item{flex-direction:column;align-items:flex-start;gap:10px}.item-price{align-self:flex-end}.action-buttons{flex-direction:column}.btn-add-item,.btn-checkout{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:500}.form-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px 0;margin-bottom:30px}.header h1{text-align:center;font-size:2.5rem;margin-bottom:10px}.header p{text-align:center;font-size:1.1rem;opacity:.9}.nav{background:white;padding:15px 0;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.nav-list{display:flex;justify-content:center;list-style:none;gap:30px}.nav-link{text-decoration:none;color:#333;font-weight:500;padding:10px 15px;border-radius:5px;transition:background-color .3s}.nav-link:hover,.nav-link.active{background-color:#f8f9fa;color:#007bff}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.metric-value{font-size:2rem;font-weight:700;color:#007bff;margin-bottom:5px}.metric-label{color:#666;font-size:.9rem}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-card{background:white;padding:40px;border-radius:10px;box-shadow:0 10px 30px #0000004d;width:100%;max-width:400px}.login-title{text-align:center;margin-bottom:30px;color:#333;font-size:1.8rem}.error-message{background:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:15px;text-align:center}
