@font-face{font-family:Cocon;src:url(/assets/cocon-next-arabic-BjbpOrSb.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}body,html,#root{font-family:Cocon,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;background:#f5f7fa;color:#1a202c;margin:0;padding:0;width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-root{font-family:Cocon,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;background:#f5f7fa;min-height:100vh;display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden;padding-bottom:80px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #e2e8f0;display:flex;justify-content:space-around;align-items:center;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -2px 20px #00000014;transform:translateY(0);opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;margin:0}.bottom-nav.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;cursor:pointer;border:none;background:none;transition:none;position:relative}.bottom-nav-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:2px;background:#3b82f6;border-radius:2px 2px 0 0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.bottom-nav-item.active:after{transform:translate(-50%) scaleX(1)}.bottom-nav-icon{font-size:26px;margin-bottom:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;color:#64748b}.bottom-nav-item.active .bottom-nav-icon{color:#3b82f6;transform:translateY(-2px)}.bottom-nav-label{font-size:10px;font-weight:600;color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.8}.bottom-nav-item.active .bottom-nav-label{color:#3b82f6;font-weight:700;opacity:1}.bottom-nav-item:active{transform:scale(.92);transition:transform .1s ease}.top-header{position:sticky;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;z-index:999;box-shadow:0 1px 3px #00000008}.top-header-title{font-size:18px;font-weight:700;color:#1a202c;margin:0}.lang-toggle{background:#f1f5f9;border:none;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:700;color:#3b82f6;cursor:pointer;transition:all .2s ease}.lang-toggle:hover{background:#e2e8f0}.page-content{flex:1;padding:16px;max-width:100vw;overflow-x:hidden;animation:fadeIn .4s ease-out}.calendar-container{width:100%;max-width:100%;overflow:hidden}.calendar-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:16px;gap:12px;animation:slideInDown .5s ease-out}.calendar-header h2{font-size:18px;font-weight:700;color:#1a202c;margin:0;flex:1;text-align:center}.calendar-header button{border:none;background:#f1f5f9;color:#3b82f6;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease;position:relative;overflow:hidden}.calendar-header button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#3b82f633;transform:translate(-50%,-50%);transition:width .6s,height .6s}.calendar-header button:active:before{width:300px;height:300px}.calendar-header button:hover{background:#e2e8f0;transform:scale(1.05)}.calendar-header button:active{transform:scale(.95)}.legend-row{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0;font-size:12px;flex-wrap:wrap}.legend-box{display:flex;align-items:center;gap:6px}.legend-dot{width:16px;height:16px;border-radius:4px;border:2px solid}.legend-dot.overnight{background:#dbeafe;border-color:#3b82f6}.legend-dot.dayuse{background:#d1fae5;border-color:#10b981}.legend-dot.available{background:#fff;border-color:#cbd5e1}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px;width:100%;padding:0;animation:slideInUp .6s ease-out}.calendar-grid .header{font-size:11px;font-weight:700;color:#64748b;text-align:center;padding:8px 0;background:transparent}.calendar-grid .day,.calendar-grid .empty{aspect-ratio:1.4;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;border:2px solid #e2e8f0;color:#1a202c;min-height:0}.calendar-grid .empty{background:transparent;border:none;cursor:default}.calendar-grid .day:hover:not(.empty){box-shadow:0 4px 12px #00000026;filter:brightness(.98)}.calendar-grid .day:active:not(.empty){filter:brightness(.95);transition:filter .1s ease}.calendar-grid .day.overnight{background:#dbeafe!important;border-color:#3b82f6!important;color:#1e40af!important}.calendar-grid .day.dayuse{background:#d1fae5!important;border-color:#10b981!important;color:#065f46!important}.calendar-grid .day.selected-range{outline:3px solid #f59e0b;outline-offset:-3px}.calendar-grid .day.booking-start.overnight{background:linear-gradient(to bottom right,#f5f7fa 20%,#dbeafe 20%)!important}.calendar-grid .day.booking-end.overnight{background:linear-gradient(to bottom right,#dbeafe 80%,#f5f7fa 80%)!important}.calendar-grid .day.booking-start.dayuse{background:linear-gradient(to bottom right,#f5f7fa 20%,#d1fae5 20%)!important}.calendar-grid .day.booking-end.dayuse{background:linear-gradient(to bottom right,#d1fae5 80%,#f5f7fa 80%)!important}[dir=rtl] .calendar-grid .day.booking-start.overnight{background:linear-gradient(to bottom left,#f5f7fa 20%,#dbeafe 20%)!important}[dir=rtl] .calendar-grid .day.booking-end.overnight{background:linear-gradient(to bottom left,#dbeafe 80%,#f5f7fa 80%)!important}[dir=rtl] .calendar-grid .day.booking-start.dayuse{background:linear-gradient(to bottom left,#f5f7fa 20%,#d1fae5 20%)!important}[dir=rtl] .calendar-grid .day.booking-end.dayuse{background:linear-gradient(to bottom left,#d1fae5 80%,#f5f7fa 80%)!important}.calendar-grid .day.booked{position:relative}.streak-dots{position:absolute;bottom:3px;left:0;right:0;display:flex;justify-content:center;gap:2px;pointer-events:none}.streak-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5}.visitor-view{padding-bottom:0!important;background:#f8fafc}.visitor-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;z-index:100}.visitor-header-title{font-size:17px;font-weight:700;color:#1e293b}.visitor-admin-btn{padding:5px 10px;background:transparent;color:#94a3b8;border:1px solid #e2e8f0;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s}.visitor-admin-btn:hover{background:#f1f5f9}.visitor-page-content{padding:16px;max-width:480px;margin:0 auto;width:100%;box-sizing:border-box}.visitor-month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.visitor-month-label{text-align:center}.visitor-month-name{display:block;font-size:20px;font-weight:700;color:#1e293b}.visitor-month-year{display:block;font-size:12px;color:#94a3b8;font-weight:600;margin-top:2px}.visitor-nav-btn{width:40px;height:40px;border-radius:50%;border:none;background:#f1f5f9;color:#475569;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.visitor-nav-btn:hover:not(:disabled){background:#e2e8f0}.visitor-nav-btn:disabled{opacity:.25;cursor:not-allowed}.visitor-legend{display:flex;justify-content:center;gap:20px;margin-bottom:12px;font-size:12px;color:#64748b}.visitor-legend-item{display:flex;align-items:center;gap:6px}.visitor-legend-dot{width:12px;height:12px;border-radius:50%}.visitor-legend-available{background:#fff;border:2px solid #cbd5e1}.visitor-legend-booked{background:#94a3b8}.visitor-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:20px}.visitor-grid-header{font-size:11px;font-weight:700;color:#94a3b8;text-align:center;padding:6px 0}.visitor-grid-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border-radius:10px;color:#1e293b;background:#fff;border:1.5px solid #e2e8f0}.visitor-grid-empty{background:transparent;border-color:transparent}.visitor-grid-booked{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-color:#94a3b8;color:#ffffff80;position:relative;overflow:hidden}.visitor-grid-booked:after{content:"";position:absolute;top:50%;left:-10%;right:-10%;height:1.5px;background:#ffffff73;transform:translateY(-50%) rotate(-15deg);pointer-events:none}.visitor-grid-past{opacity:.35}.visitor-contact-card{background:#fff;border-radius:14px;padding:20px;text-align:center;border:1px solid #e2e8f0}.visitor-contact-title{font-size:14px;font-weight:700;color:#475569;margin:0 0 14px}.visitor-contact-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.visitor-btn-whatsapp,.visitor-btn-instagram{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;color:#fff;border-radius:10px;text-decoration:none;font-size:13px;font-weight:700;transition:transform .15s,opacity .15s}.visitor-btn-whatsapp{background:#25d366}.visitor-btn-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.visitor-btn-whatsapp:active,.visitor-btn-instagram:active{transform:scale(.96)}@media (max-width: 380px){.visitor-grid-cell{font-size:12px;border-radius:8px}.visitor-month-name{font-size:18px}.visitor-contact-buttons{flex-direction:column;align-items:center}}.form-card{background:#fff;padding:12px 10px;border-radius:8px;box-shadow:0 1px 4px #0000000a;margin-top:8px;width:100%;max-width:100%;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.form-card h3{font-size:14px;font-weight:700;color:#1a202c;margin:0 0 8px}.form-group{margin-bottom:6px}.form-group label{display:block;font-size:11px;font-weight:600;color:#475569;margin-bottom:3px}.input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;padding:4px 8px;color:#1a202c;width:100%;transition:all .2s ease;font-family:Cocon,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;height:32px}.input:focus{outline:none;border-color:#3b82f6;background:#fff}.dates-group{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:700}input[type=date]{position:relative;font-family:Cocon,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}input[type=date]::-webkit-calendar-picker-indicator{display:none}input[type=date]::-webkit-datetime-edit-text{color:#64748b;padding:0 2px}input[type=date]::-webkit-datetime-edit-month-field{color:#1a202c;font-weight:700;font-size:15px}input[type=date]::-webkit-datetime-edit-day-field{color:#1a202c;font-weight:700;font-size:15px}input[type=date]::-webkit-datetime-edit-year-field{color:#1a202c;font-weight:700;font-size:15px}.res-type-group{display:flex;gap:12px;justify-content:center;margin:16px 0}.btn-main{flex:1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:700;padding:4px 12px;color:#475569;cursor:pointer;transition:all .2s ease;font-family:Cocon,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;height:32px}.btn-main.selected{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.discount-section{background:#ecfdf5;border-radius:10px;border:2px solid #a7f3d0;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.discount-label{font-size:14px;color:#065f46;font-weight:700}.discount-input{width:60px;border-radius:8px;padding:8px 12px;border:2px solid #6ee7b7;font-size:15px;text-align:center;background:#fff;color:#059669;font-weight:700;transition:all .2s ease}.discount-input:focus{outline:none;border-color:#10b981}.total-card{background:#ecfdf5;border-radius:10px;border:2px solid #a7f3d0;padding:12px 16px;display:flex;flex-direction:column;align-items:flex-start;min-width:120px}.was-row{font-size:12px;color:#94a3b8;text-decoration:line-through;margin-bottom:4px}.total-row{font-size:18px;font-weight:800;color:#059669}.summary-paid-box{width:100%;padding:16px;border-radius:12px;background:#f0fdf4;border:2px solid #bbf7d0;display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.summary-paid-title{color:#16a34a;font-size:13px;margin-bottom:6px;font-weight:600}.summary-paid-main{font-weight:800;font-size:20px;color:#15803d}.form-actions{display:flex;gap:12px;margin-top:16px}.form-actions button{flex:1;padding:4px 12px;border:none;background:#3b82f6;color:#fff;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Cocon,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;position:relative;overflow:hidden;height:32px}.form-actions button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.form-actions button:active:before{width:400px;height:400px}.form-actions button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.form-actions button:active{transform:translateY(0) scale(.98)}.form-actions button:nth-child(2){background:#ef4444}.form-actions button:nth-child(2):hover{background:#dc2626}.form-actions button:nth-child(3){background:#64748b}.form-actions button:nth-child(3):hover{background:#475569}.mixed-services-container{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:8px;margin-top:6px}.mixed-services-title{font-weight:700;font-size:12px;color:#1a202c;text-align:center;margin-bottom:3px}.mixed-services-subtitle{font-size:10px;color:#64748b;text-align:center;margin-bottom:8px}.mixed-day-item{display:flex;flex-direction:column;padding:6px 0;border-bottom:1px solid #e2e8f0;gap:4px}.mixed-day-item:last-child{border-bottom:none}.mixed-day-info{display:flex;justify-content:space-between;align-items:center;width:100%}.mixed-day-date{font-weight:600;font-size:11px;color:#64748b;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.mixed-day-date-sub{display:none}.mixed-service-buttons{display:flex;gap:8px}.mixed-service-btn{padding:4px 10px;font-size:11px;border:2px solid #cbd5e1;border-radius:6px;background:#fff;color:#475569;cursor:pointer;transition:all .2s ease;font-weight:600;height:28px}.mixed-service-btn.overnight-selected{background:#dbeafe;color:#1e40af;border-color:#3b82f6;font-weight:700}.mixed-service-btn.dayuse-selected{background:#d1fae5;color:#065f46;border-color:#10b981;font-weight:700}.mixed-rate-value{font-weight:700;font-size:13px;color:#1a202c}.payment-options{display:flex;flex-direction:column;gap:12px}.payment-option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.payment-option:hover{border-color:#cbd5e1}.payment-option.active{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.payment-label{font-weight:700;font-size:14px;color:#475569}.payment-value{background:transparent;border:none;font-weight:700;font-size:15px;color:#1a202c;text-align:right;width:80px;outline:none}.payment-option.active .payment-label,.payment-option.active .payment-value{color:#1e40af}.payment-option:not(.active) .payment-value{color:#cbd5e1;cursor:not-allowed}.summary-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px 20px;margin-bottom:20px;animation:slideInUp .5s ease-out;transition:all .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.summary-card .main-amount{font-size:36px;font-weight:800;color:#1a202c;margin-bottom:12px;display:flex;align-items:baseline;gap:12px}.summary-card .currency{font-size:20px;font-weight:700;color:#64748b}.summary-card .label{color:#64748b;font-size:14px;font-weight:600;margin-bottom:12px}.summary-card .progress-bar{width:100%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:16px}.summary-card .progress{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;transition:width .3s ease}.summary-card .row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:15px;font-weight:600}.summary-card .row .red{color:#ef4444}.summary-card .row .green{color:#10b981}.summary-card .row .gray{color:#64748b}.summary-card .row .bold{font-weight:800}.table-responsive{width:100%;overflow-x:auto;margin-bottom:20px}.table-main{width:100%;min-width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden}.table-main thead{background:#f8fafc}.table-main th{padding:12px 16px;text-align:left;font-size:13px;font-weight:700;color:#475569;border-bottom:2px solid #e2e8f0}.table-main td{padding:14px 16px;font-size:14px;font-weight:600;color:#1a202c;border-bottom:1px solid #f1f5f9}.table-main tr:hover{background:#f8fafc}@media (max-width: 640px){.page-content{padding:12px}.calendar-header h2{font-size:16px}.calendar-header button{padding:6px 12px;font-size:14px}.calendar-grid .day{font-size:13px}.form-card{padding:16px 12px}.form-card h3{font-size:16px}.input{font-size:14px;padding:10px 12px}.btn-main{font-size:14px;padding:10px 16px}.summary-card .main-amount{font-size:28px}.summary-card .currency{font-size:16px}.table-main,.table-main thead,.table-main tbody,.table-main tr,.table-main td{display:block}.table-main thead{display:none}.table-main tr{background:#fff;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.table-main td{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #f1f5f9;font-size:13px}.table-main td:last-child{border-bottom:none}.table-main td:before{content:attr(data-label);font-weight:700;color:#64748b;margin-right:12px}}.collapseable-section{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:6px;overflow:hidden;background:#fff;box-shadow:0 1px 2px #00000008;transition:all .2s ease}.collapseable-section:hover{box-shadow:0 2px 6px #0000000f}.collapseable-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;background:#fff;transition:all .2s ease;user-select:none;-webkit-user-select:none;min-height:36px}.collapseable-header:active{transform:scale(.98)}.collapseable-title{font-size:15px;font-weight:600;color:#1a202c;display:flex;align-items:center;gap:12px;flex:1}.collapseable-chevron{width:24px;height:24px;color:#94a3b8;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.collapseable-chevron.expanded{transform:rotate(180deg);color:#64748b}.collapseable-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.collapseable-content.expanded{max-height:800px}.collapseable-inner{padding:0 12px 12px}.summary-group{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:20px;padding:8px;margin-top:12px;box-shadow:0 2px 8px #0000000f}.summary-group .collapseable-section{margin-bottom:4px;box-shadow:none;border:none}.summary-group .collapseable-section:last-child{margin-bottom:0}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.hidden{display:none}.charts-container{background-color:#f8fafc;min-height:100vh;font-family:Cocon,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.charts-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px 16px 32px;color:#fff}.charts-title{margin:0 0 8px;font-size:28px;font-weight:700}.charts-subtitle{margin:0;font-size:16px;opacity:.9}.period-selector{display:flex;gap:8px;margin-top:20px}.period-button{padding:8px 16px;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;background:#ffffff1a}.period-button.active{background:#ffffff40;border-color:#ffffff4d}.period-button:hover{background:#fff3;transform:translateY(-1px)}.charts-content{padding:16px;margin-top:-16px}.chart-card{background-color:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 32px #00000014;margin-bottom:20px}.chart-title{margin:0 0 20px;font-size:18px;font-weight:700;color:#1a202c}.insights-card{background-color:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 32px #00000014}.insights-title{margin:0 0 16px;font-size:18px;font-weight:700;color:#1a202c}.insights-list{display:flex;flex-direction:column;gap:16px}.insight-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f7fafc;border-radius:12px}.insight-content{flex:1}.insight-label{font-size:14px;font-weight:600;color:#1a202c;margin-bottom:2px}.insight-description{font-size:12px;color:#718096}.insight-value{font-size:16px;font-weight:700;color:#667eea}.insight-value.secondary{color:#4facfe}@media (max-width: 768px){.charts-header{padding:20px 12px 24px}.charts-title{font-size:24px}.charts-subtitle{font-size:14px}.period-selector{flex-wrap:wrap;gap:6px}.period-button{padding:6px 12px;font-size:13px}.charts-content{padding:12px}.chart-card{padding:20px 16px;margin-bottom:16px}.chart-title{font-size:16px}.insights-card{padding:20px 16px}.insights-title{font-size:16px}.insight-item{padding:12px;flex-direction:column;text-align:center;gap:8px}.insight-content{text-align:center}.insight-value{font-size:14px}}@media (max-width: 480px){.charts-header{padding:16px 8px 20px}.period-selector{justify-content:center}.period-button{min-width:60px;padding:6px 10px;font-size:12px}.charts-content{padding:8px}.chart-card{padding:16px 12px;margin-bottom:12px}.insight-item{padding:12px 8px}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.expenses-container{background:#f8f9fa;min-height:100vh;font-family:Cocon,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.expenses-header{background:#fff;border-bottom:1px solid #e9ecef;padding:20px 16px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-actions{display:flex;gap:12px;align-items:center}.header-title{font-size:24px;font-weight:600;color:#212529;margin:0}.add-button{background:#007bff;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.add-button:hover{background:#0056b3;transform:translateY(-1px)}.migrate-button{background:#ffc107;color:#212529;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.migrate-button:hover{background:#ffcd39;transform:translateY(-1px)}.filters-section{display:flex;gap:12px}.filter-select{padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;background:#fff;font-size:16px;color:#495057;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.month-nav{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.month-nav button{background:none;border:none;font-size:20px;color:#007bff;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease}.month-nav button:hover{background:#e9ecef}.month-display{font-size:16px;font-weight:500;color:#495057}.stats-card{background:#fff;margin:20px 16px;border-radius:12px;padding:24px;border:1px solid #e9ecef;animation:slideUp .3s ease}.total-label{text-align:center;color:#6c757d;font-size:14px;font-weight:500;margin-bottom:8px}.total-amount{text-align:center;font-size:32px;font-weight:700;color:#007bff;margin-bottom:8px}.total-count{text-align:center;color:#6c757d;font-size:14px}.category-summary{display:flex;gap:8px;overflow-x:auto;padding:16px 0;margin-top:16px}.category-chip{min-width:90px;padding:12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;text-align:center;flex-shrink:0}.chip-icon{font-size:18px;margin-bottom:4px}.chip-label{font-size:11px;color:#6c757d;margin-bottom:2px}.chip-amount{font-size:13px;font-weight:600;color:#495057}.transactions-section{padding:0 16px 100px}.section-title{font-size:14px;font-weight:600;color:#6c757d;margin:20px 0 12px;text-transform:uppercase;letter-spacing:.5px}.expense-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:8px;display:flex;align-items:center;transition:all .2s ease;animation:fadeIn .3s ease}.expense-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.expense-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:12px;flex-shrink:0}.expense-details{flex:1;min-width:0}.expense-description{font-size:15px;font-weight:500;color:#495057;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#6c757d}.expense-category{padding:2px 6px;background:#e9ecef;border-radius:4px;font-size:11px;font-weight:500}.expense-amount{font-size:16px;font-weight:600;color:#495057;margin-right:12px}.expense-actions{display:flex;gap:4px}.action-btn{width:32px;height:32px;border:none;background:#f8f9fa;color:#6c757d;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px}.action-btn:hover{background:#e9ecef;color:#495057}.action-btn.delete:hover{background:#f8d7da;color:#dc3545}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text{font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-title{font-size:20px;font-weight:600;color:#495057;margin-bottom:24px;text-align:center}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:#495057;margin-bottom:8px}.form-input{width:100%;padding:12px;border:1px solid #dee2e6;border-radius:6px;font-size:16px;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.form-textarea{resize:vertical;min-height:80px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}@media (max-width: 480px){.category-grid{grid-template-columns:repeat(4,1fr)}}.category-item{aspect-ratio:1;border:1px solid #dee2e6;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:8px}.category-item:hover{border-color:#007bff;background:#f8f9ff}.category-item.selected{border-color:#007bff;background:#007bff;color:#fff}.category-item-icon{font-size:16px;margin-bottom:4px}.category-item-label{font-size:9px;font-weight:500;text-align:center;line-height:1.1}.detected-category{margin-top:12px;padding:12px;background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;display:flex;align-items:center;gap:10px}.detected-icon{font-size:20px}.detected-text{flex:1}.detected-label{font-size:12px;color:#1565c0;margin-bottom:2px}.detected-value{font-size:14px;font-weight:500;color:#0d47a1}.form-actions{display:flex;gap:12px;margin-top:24px}.btn{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}@media (max-width: 768px){.filters-section{flex-direction:column;gap:8px}.filter-select{width:100%}.modal-overlay{padding:0;align-items:flex-end}.modal-content{border-radius:12px 12px 0 0;max-height:85vh}}.loading{opacity:.6;pointer-events:none}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;height:20px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.expense-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeInOverlay .3s ease-out}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.expense-modal{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 20px 40px #00000026,0 0 0 1px #ffffff1a;width:100%;max-width:480px;max-height:90vh;overflow:hidden;animation:slideUpModal .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:center bottom}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid rgba(0,0,0,.05);background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.modal-icon{font-size:28px;margin-right:12px;animation:bounceIn .6s ease}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:.8}70%{transform:scale(.9);opacity:1}to{transform:scale(1);opacity:1}}.modal-title{flex:1;font-size:20px;font-weight:700;color:#1a1a1a;margin:0;text-align:left;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;color:#666;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#dc35451a;color:#dc3545;transform:rotate(90deg)}.modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.modal-form-group{margin-bottom:24px}.modal-form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.modal-form-input{width:100%;padding:16px;border:2px solid rgba(0,0,0,.08);border-radius:12px;font-size:16px;font-weight:500;color:#1a1a1a;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.modal-form-input:focus{outline:none;border-color:#3b82f6;background:#ffffffe6;box-shadow:0 0 0 4px #3b82f61a,0 8px 25px #3b82f626;transform:translateY(-2px)}.modal-form-input::placeholder{color:#9ca3af;font-weight:400}.modal-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;margin-top:12px}.modal-category-pill{aspect-ratio:1;border:2px solid rgba(0,0,0,.08);border-radius:16px;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:12px;position:relative;overflow:hidden}.modal-category-pill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);opacity:0;transition:opacity .3s ease}.modal-category-pill:hover{border-color:#3b82f6;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #3b82f633,0 0 0 1px #ffffff80}.modal-category-pill:hover:before{opacity:1}.modal-category-pill.selected{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #3b82f64d,0 0 0 1px #fff3}.modal-category-pill-icon{font-size:20px;margin-bottom:6px;transition:transform .2s ease;position:relative;z-index:1}.modal-category-pill:hover .modal-category-pill-icon{transform:scale(1.1)}.modal-category-pill-label{font-size:10px;font-weight:600;text-align:center;line-height:1.2;position:relative;z-index:1}.modal-detected-category{margin-top:16px;padding:16px;background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:2px solid rgba(34,197,94,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;animation:slideInDetected .4s ease-out}@keyframes slideInDetected{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-detected-icon{font-size:24px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modal-detected-text{flex:1}.modal-detected-label{font-size:12px;color:#059669;font-weight:600;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.modal-detected-value{font-size:15px;font-weight:700;color:#047857}.modal-footer{padding:16px 24px 24px;border-top:1px solid rgba(0,0,0,.05);background:linear-gradient(135deg,#ffffff0d,#f8fafc0d)}.modal-form-actions{display:flex;gap:12px}.modal-btn{flex:1;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.modal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.modal-btn:hover:before{left:100%}.modal-btn-cancel{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:2px solid transparent}.modal-btn-cancel:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 8px 25px #6b72804d}.modal-btn-save{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:2px solid transparent}.modal-btn-save:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.modal-btn:active{transform:translateY(0) scale(.98)}.amount-input-wrapper{position:relative;display:flex;align-items:center}.amount-input-wrapper .modal-form-input{padding-right:60px}.currency-badge{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;pointer-events:none;z-index:1}@media (max-width: 768px){.expense-modal-overlay{padding:0;align-items:flex-end}.expense-modal{border-radius:20px 20px 0 0;max-height:90vh;height:auto;width:100vw;margin:0;animation:slideUpMobile .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-body{flex:1;overflow-y:auto;max-height:calc(90vh - 160px);padding:16px 24px}.modal-footer{flex-shrink:0;padding:16px 24px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1)}.modal-category-grid{grid-template-columns:repeat(4,1fr);gap:10px}.modal-form-actions{flex-direction:row;gap:12px}.modal-btn{min-height:48px;font-size:16px;font-weight:600;flex:1}.modal-form-input{min-height:48px;font-size:16px;padding:14px 16px}.amount-input-wrapper .modal-form-input{padding-right:60px}.modal-form-group{margin-bottom:20px}.modal-header{flex-shrink:0;padding:20px 24px 16px}}input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime-local],input[type=search],select,textarea{font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 768px){.form-input,.filter-select,input,select,textarea{font-size:16px!important;padding:14px 12px!important;min-height:44px}.form-group{margin-bottom:20px}.modal-overlay{padding:0;align-items:flex-end}.modal-content{border-radius:16px 16px 0 0;max-height:90vh;width:100vw;margin:0;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.form-actions{gap:16px;flex-direction:column}.form-actions button{min-height:48px;font-size:16px!important;font-weight:600}.expense-item{padding:16px;margin-bottom:12px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.filters-row{flex-direction:column;gap:16px}.filter-group{width:100%}.expenses-list{padding:0 8px}.expenses-header{padding:16px;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.header-top{flex-direction:column;gap:16px;align-items:stretch}.add-button{width:100%;padding:16px;font-size:16px!important;min-height:48px;font-weight:600}.action-btn,.add-button,button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input:focus,.filter-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}}*{margin:0;padding:0;box-sizing:border-box}.reports-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;font-family:Cocon,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;padding:16px}.simple-header{text-align:center;margin-bottom:24px;padding:24px 16px;background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #00000014;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.page-title{font-size:26px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.reports-content{max-width:1000px;margin:0 auto;min-height:calc(100vh - 120px);position:relative}.simple-nav{display:flex;background:#fffffff2;border-radius:16px;padding:6px;margin-bottom:24px;box-shadow:0 12px 40px #0000001a;gap:4px;position:sticky;top:16px;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.simple-tab{flex:1;padding:16px 12px;border:none;background:transparent;color:#6b7280;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;min-height:52px;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.simple-tab:hover{background:#4f46e51a;color:#4f46e5;transform:translateY(-1px)}.simple-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;transform:translateY(-1px);color:#fff;font-weight:600}.summary-section{margin-bottom:24px}.summary-card{background:#fffffff2;border-radius:20px;padding:32px;box-shadow:0 20px 60px #00000014;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.summary-header{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.refresh-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;padding:8px 12px;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #3b82f633}.refresh-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.refresh-btn:active{transform:translateY(0) scale(.98)}.summary-title{font-size:18px;color:#666;font-weight:500}.summary-amount{font-size:48px;font-weight:700;color:#333;margin-bottom:20px}.progress-container{margin-bottom:25px}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#4caf50;border-radius:4px;transition:width .3s ease}.summary-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.detail-label{font-size:14px;font-weight:500}.detail-label.paid{color:#4caf50}.detail-label.remaining{color:#999}.detail-label.expenses{color:#f44336}.detail-label.profit{color:#4caf50;font-weight:600}.detail-label.bookings{color:#333;font-weight:600;text-align:center;width:100%;margin-top:10px}.filters-section{background:#fff;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filters-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.clear-filters-btn{background:#f5f5f5;border:none;color:#666;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#e0e0e0;color:#333}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.filter-group{display:flex;flex-direction:column}.filter-label{font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.filter-input{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s ease;background:#fff}.filter-input:focus{outline:none;border-color:#4a90e2}.reports-main{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000001a}.bookings-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.enhanced-table-container{width:100%;background:#fffffff2;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000014;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.table-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(0,0,0,.05);background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.table-header h3{margin:0;font-size:24px;font-weight:700;color:#1a202c;text-shadow:0 1px 2px rgba(0,0,0,.1)}.record-count{font-size:14px;font-weight:600;color:#4a5568;background:#fff;padding:8px 16px;border-radius:20px;box-shadow:0 2px 8px #0000001a}.table-wrapper{overflow-x:auto;background:#fff}.enhanced-table{width:100%;border-collapse:collapse;font-size:14px}.enhanced-table thead th{text-align:left;padding:20px 25px;font-weight:700;color:#2d3748;background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-bottom:2px solid #cbd5e0;font-size:13px;text-transform:uppercase;letter-spacing:1px;position:relative}.enhanced-table thead th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4a90e2,#667eea)}.enhanced-table tbody .enhanced-row{transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(0,0,0,.04);background:#fffc}.enhanced-table tbody .enhanced-row:hover{background:linear-gradient(135deg,#667eea08,#764ba208);transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.enhanced-table tbody td{padding:20px 25px;vertical-align:middle}.guest-cell{min-width:220px}.guest-info{display:flex;align-items:center;gap:15px}.guest-details{flex:1}.guest-name{font-weight:700;color:#2d3748;margin-bottom:6px;font-size:16px}.guest-phone.clickable{font-size:13px;color:#25d366;cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:8px;display:inline-block}.guest-phone.clickable:hover{background:#e6f7ff;color:#1890ff;transform:scale(1.05)}.dates-cell{min-width:180px}.date-range{display:flex;flex-direction:column;gap:8px}.date-line{display:flex;align-items:center;gap:8px;font-weight:600}.date-from,.date-to{font-size:14px;color:#2d3748}.date-separator{color:#4a90e2;font-weight:700}.duration-info{font-size:12px;color:#718096;font-weight:500;background:#f7fafc;padding:4px 8px;border-radius:8px;display:inline-block}.type-cell{min-width:120px}.type-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.type-badge.overnight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.type-badge.dayuse{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#8b4513}.amount-cell{text-align:right;min-width:140px}.amount-info{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.total-amount{font-weight:700;color:#2d3748;font-size:18px}.paid-amount{font-size:13px;color:#48bb78;font-weight:600}.remaining-amount{font-size:12px;color:#f56565;font-weight:600}.clickable-row{cursor:pointer;transition:all .2s ease}.clickable-row:hover{background-color:#f8f9fa!important;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.type-status-cell{text-align:center;min-width:160px}.type-status-info{display:flex;flex-direction:column;align-items:center;gap:8px}.status-cell{text-align:center;min-width:100px}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.status-badge.paid{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.status-badge.pending{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.actions-cell{text-align:center;min-width:80px}.edit-btn{background:linear-gradient(135deg,#4a90e2,#667eea);border:none;color:#fff;padding:10px 15px;border-radius:12px;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4a90e24d}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266;background:linear-gradient(135deg,#667eea,#764ba2)}.empty-state{text-align:center;padding:60px 30px;color:#666}.empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.empty-text{font-size:18px;font-weight:500}@media (max-width: 768px){.reports-container{padding:10px;overflow-x:hidden}.page-title{font-size:20px}.simple-nav{flex-direction:row;gap:2px;padding:4px}.summary-card{padding:15px}.summary-amount{font-size:28px}.detail-row{flex-direction:column;align-items:flex-start;gap:6px}.filters-grid{grid-template-columns:1fr;gap:10px}.table-header{padding:15px 10px;flex-direction:column;gap:8px;text-align:center}.table-header h3{font-size:18px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.enhanced-table{min-width:100%!important;width:100%!important;table-layout:fixed}.enhanced-table thead th,.enhanced-table tbody td{padding:8px 4px;font-size:11px;word-wrap:break-word;overflow:hidden}.guest-cell{width:25%!important;min-width:unset!important}.dates-cell{width:20%!important;min-width:unset!important}.type-cell{width:15%!important;min-width:unset!important}.amount-cell{width:20%!important;min-width:unset!important}.status-cell{width:15%!important;min-width:unset!important}.actions-cell{width:5%!important;min-width:unset!important}.guest-info{gap:6px;flex-direction:column;align-items:center;text-align:center}.guest-name{font-size:11px;line-height:1.2}.guest-phone.clickable{font-size:9px;padding:2px 4px}.date-range{gap:2px}.date-line{flex-direction:column;gap:2px;align-items:center;text-align:center}.date-from,.date-to{font-size:10px}.duration-info{font-size:9px;padding:2px 4px}.type-badge{padding:4px 6px;font-size:8px}.amount-info{align-items:center;text-align:center}.total-amount{font-size:12px}.paid-amount,.remaining-amount{font-size:9px}.status-badge{padding:4px 6px;font-size:8px}.edit-btn{padding:4px 6px;font-size:12px;border-radius:6px}}@media (max-width: 480px){.reports-container{padding:10px}.simple-nav{padding:4px}.summary-card{padding:15px}.summary-amount{font-size:28px}.filters-section{padding:15px}.enhanced-table thead th,.enhanced-table tbody td{padding:12px 8px}.edit-btn{padding:6px 10px;font-size:12px}.type-badge{padding:6px 10px;font-size:10px}.guest-name{font-size:14px}}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.sortable-header:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#2d3748}.analysis-section-clean{display:flex;flex-direction:column;gap:20px;padding:0;max-width:100%;overflow-x:hidden}.month-filter-section{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:10px}.month-filter-section label{font-size:14px;font-weight:600;color:#333}.month-selector{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fff;color:#333}.month-selector:focus{outline:none;border-color:#4a90e2}.financial-summary{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.financial-summary h2{margin:0 0 20px;font-size:20px;font-weight:700;color:#333;text-align:center}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stat-box{background:#f8f9fa;padding:15px;border-radius:8px;text-align:center;border:1px solid #e9ecef}.stat-box.salary-box{background:#fff3cd;border-color:#ffeaa7}.stat-label{font-size:12px;font-weight:600;color:#666;margin-bottom:8px;text-transform:uppercase}.stat-value{font-size:18px;font-weight:700;color:#333}.stat-value.big{font-size:24px;color:#4a90e2}.stat-value.expenses{color:#dc3545}.stat-value.profit{color:#28a745}.stat-value.salary{color:#fd7e14}.daily-calculator{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.daily-calculator h3{margin:0 0 15px;font-size:18px;font-weight:600;color:#333;text-align:center}.calculator-table-container{overflow-x:auto}.calc-table{width:100%;border-collapse:collapse;font-size:14px;min-width:100%}.calc-table th,.calc-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #e9ecef}.calc-table th{background:#f8f9fa;font-weight:600;color:#495057;font-size:12px;text-transform:uppercase}.calc-table .amount{text-align:right;font-weight:600}.calc-table .total{background:#e3f2fd;color:#1565c0;font-weight:700}.bookings-info{font-size:12px;color:#666;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookings-details{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.bookings-details h3{margin:0 0 15px;font-size:18px;font-weight:600;color:#333;text-align:center}.details-table-container{overflow-x:auto}.details-table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px}.details-table th,.details-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #e9ecef}.details-table th{background:#f8f9fa;font-weight:600;color:#495057;font-size:12px;text-transform:uppercase}.details-table .amount{text-align:right;font-weight:600}.status{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status.paid{background:#d4edda;color:#155724}.status.pending{background:#fff3cd;color:#856404}@media (min-width: 768px){.analysis-section-clean{gap:30px}.month-filter-section{flex-direction:row;align-items:center;padding:20px}.month-selector{width:auto;min-width:200px}.financial-summary{padding:30px}.financial-summary h2{font-size:24px;margin-bottom:30px}.summary-stats{grid-template-columns:repeat(3,1fr);gap:20px}.stat-box{padding:25px}.stat-value{font-size:24px}.stat-value.big{font-size:32px}.daily-calculator,.bookings-details{padding:30px}.daily-calculator h3,.bookings-details h3{font-size:20px;margin-bottom:20px}.calc-table th,.calc-table td,.details-table th,.details-table td{padding:12px 15px}.calc-table,.details-table{font-size:15px}}@media (min-width: 1024px){.summary-stats{grid-template-columns:repeat(6,1fr)}}.calculator-section{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0000001a}.calculator-header{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:30px;text-align:center}.calculator-header h3{margin:0 0 10px;font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.calculator-header p{margin:0;font-size:14px;opacity:.9}.calculator-table-wrapper{overflow-x:auto;max-height:60vh;overflow-y:auto}.calculator-table{width:100%;border-collapse:collapse;font-size:13px}.calculator-table thead th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e0;padding:15px 10px;font-weight:700;color:#2d3748;text-align:center;font-size:12px;position:sticky;top:0;z-index:10}.calculator-table tbody td{border:1px solid #e2e8f0;padding:12px 10px;text-align:center;background:#fff}.calculator-row:nth-child(2n){background:#f8fafc}.calculator-row:hover{background:#e6fffa;transform:scale(1.01);transition:all .2s ease}.date-cell{font-weight:600;color:#4a5568;min-width:100px}.daily-amount{color:#2b6cb0;font-weight:600}.daily-paid{color:#38a169;font-weight:600}.progressive-amount,.progressive-paid{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;border-radius:6px;margin:2px}.bookings-cell{max-width:150px}.booking-count{background:#4a90e2;color:#fff;padding:4px 8px;border-radius:12px;font-weight:700;font-size:11px;margin-bottom:5px;display:inline-block}.booking-names{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.booking-name{background:#e2e8f0;color:#4a5568;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:500}.more-bookings{background:#ed8936;color:#fff;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600}.calculator-total{background:linear-gradient(135deg,#4a90e2,#667eea);color:#fff}.calculator-total td{border:1px solid #4a90e2;font-weight:700;font-size:14px}.excel-breakdown{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.excel-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:25px 30px;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.excel-header h3{margin:0;font-size:22px;font-weight:700;color:#2d3748}.breakdown-stats{display:flex;gap:10px;align-items:center;font-size:14px;color:#4a5568;font-weight:500}.excel-table-wrapper{overflow-x:auto;max-height:70vh;overflow-y:auto}.excel-table{width:100%;border-collapse:collapse;font-size:13px;font-family:Courier New,monospace}.excel-table thead th{background:#f8fafc;border:1px solid #e2e8f0;padding:12px 8px;font-weight:700;color:#2d3748;text-align:center;font-size:12px;position:sticky;top:0;z-index:10}.excel-table tbody td{border:1px solid #e2e8f0;padding:10px 8px;text-align:center;background:#fff}.excel-table .amount-cell{text-align:right;font-weight:600;font-family:monospace}.excel-table .paid-amount{color:#48bb78}.excel-table .remaining-amount{color:#f56565}.excel-table .status-cell.paid{color:#48bb78;font-weight:700}.excel-table .status-cell.pending{color:#ed8936;font-weight:700}.excel-row.paid-row{background:#f0fff4}.excel-row.pending-row{background:#fffaf0}.excel-row:hover{background:#edf2f7}.excel-total-row{background:linear-gradient(135deg,#4a90e2,#667eea);color:#fff}.excel-total-row td{border:1px solid #4a90e2;font-weight:700;font-size:14px}@media (max-width: 768px){.analysis-summary-card{padding:25px}.analysis-header h2{font-size:24px;margin-bottom:20px}.analysis-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.analysis-item{padding:20px}.analysis-value{font-size:22px}.excel-header{padding:20px}.excel-header h3{font-size:18px}.excel-table{font-size:11px}.excel-table thead th,.excel-table tbody td{padding:8px 4px}}@media (max-width: 480px){.analysis-grid{grid-template-columns:1fr}.analysis-item{padding:15px}.analysis-value{font-size:18px}.excel-table{font-size:10px}.excel-table thead th,.excel-table tbody td{padding:6px 2px}}.salary-box.clickable{cursor:pointer;transition:all .3s ease;position:relative}.salary-box.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background:linear-gradient(135deg,#e8f5e8,#f0f9f0)}.click-hint{font-size:10px;color:#666;margin-top:4px;opacity:.8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:#fff;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.modal-close:hover{background:#fff3}.modal-body{padding:25px}.calculation-steps{margin-bottom:20px}.step{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;margin-bottom:8px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.step.minus{border-left-color:#dc3545;background:#fdf2f2}.step.result{border-left-color:#28a745;background:#f0f8f0;font-weight:600}.step.percentage{border-left-color:#6f42c1;background:#f4f0ff}.step-label{font-weight:500;color:#333}.step-value{font-weight:600;color:#333;font-size:16px}.step-calculation{font-family:Courier New,monospace;background:#f1f3f4;padding:8px 12px;border-radius:6px;font-size:14px;color:#6f42c1;font-weight:600}.step-divider{height:2px;background:linear-gradient(to right,transparent,#ddd,transparent);margin:15px 0}.final-result{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:20px;border-radius:10px;text-align:center;margin-top:20px}.final-label{font-size:14px;opacity:.9;margin-bottom:8px}.final-value{font-size:24px;font-weight:700}.calculation-note{background:#e8f4fd;border:1px solid #bee5eb;border-radius:8px;padding:15px;margin-top:20px}.calculation-note p{margin:0;color:#0c5460;font-size:14px;line-height:1.5}@media (max-width: 768px){.analysis-section-clean{padding:0 8px;gap:16px;max-width:100vw;overflow-x:hidden}.calculator-table-container,.details-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:calc(100vw - 32px)}.calc-table,.details-table{min-width:100%;width:100%;table-layout:fixed;font-size:12px}.calc-table th,.calc-table td,.details-table th,.details-table td{padding:8px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-stats{grid-template-columns:1fr 1fr;gap:8px;margin:0}.stat-box{padding:12px 8px;min-width:0}.stat-label{font-size:10px;line-height:1.2}.stat-value{font-size:16px!important}.stat-value.big{font-size:18px!important}.month-filter-section{padding:12px;flex-direction:column;gap:8px}.month-selector{width:100%;font-size:16px;padding:12px}.daily-calculator h3,.bookings-details h3{font-size:16px;margin-bottom:12px}.financial-summary h2{font-size:18px;margin-bottom:16px}.modal-content{margin:10px;max-width:calc(100vw - 20px)}.modal-header{padding:15px 20px}.modal-header h2{font-size:16px}.modal-body{padding:20px}.step{flex-direction:column;align-items:flex-start;gap:8px}.step-value{align-self:flex-end}.final-value{font-size:20px}}@media (max-width: 480px){.summary-stats{grid-template-columns:1fr;gap:12px}.stat-box{padding:16px 12px}.stat-value{font-size:18px!important}.stat-value.big{font-size:22px!important}.calc-table,.details-table{font-size:11px}.calc-table th:nth-child(4),.calc-table td:nth-child(4),.details-table th:nth-child(6),.details-table td:nth-child(6){display:none}}