.metric-card{display:flex;padding:23.459px;flex-direction:column;align-items:flex-start;gap:15.639px;flex:1 1;background-color:rgba(71,85,105,.1);border-radius:1rem;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(213,171,22,.2)}.metric-header{display:flex;justify-content:space-between;align-items:center;width:100%}.metric-title{color:hsla(55,80%,92%,.8);font-size:.875rem;font-weight:600;line-height:normal}.metric-title,.metric-value{font-family:Plus Jakarta Sans,sans-serif;margin:0}.metric-value{font-size:2rem;font-weight:700;line-height:2.5rem}.metric-value.gold-value{color:#d5ab16}.metric-subtitle{font-size:.75rem;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;line-height:1;margin:0}.analytics-container{min-height:calc(100vh - 200px);padding:0 24px;background-color:#1f2937;z-index:1}.analytics-container,.analytics-content{display:flex;flex-direction:column;width:100%;flex-grow:1}.analytics-content{gap:24px}.metrics-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 0;margin-bottom:8px;position:relative}.section-title{color:#fbf8da;font-size:1.5rem;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;line-height:normal;margin:0;position:relative;display:inline-block;padding-bottom:8px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#d5ab16,#f3d77f 50%,#d5ab16);background-size:200% 100%;box-shadow:0 0 8px rgba(213,171,22,.4);transform-origin:left;transition:transform .3s ease;animation:gradientShift 3s ease infinite}.date-range-container{position:relative;z-index:1}.action-button{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1.5px solid hsla(10,20%,64%,0);background:#d5ab16;transition:all .2s ease;color:var(--kyan-text);cursor:pointer;white-space:nowrap}.action-button:hover{background:#b4880e;border:1.5px solid hsla(10,20%,64%,.5)}.button-text{color:var(--button-text);font-size:.875rem;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;line-height:1.25}.button-icon{height:1rem;width:1rem;stroke:currentColor}.metrics-section{width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:20px;gap:20px;width:100%;margin-bottom:24px;z-index:1!important}@media (min-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:996px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}.metric-card-wrapper{width:100%;height:100%;cursor:-webkit-grab;cursor:grab;position:relative;z-index:1}.metric-card-wrapper:active{cursor:-webkit-grabbing;cursor:grabbing;z-index:10}[data-dragging=true]{z-index:1000;opacity:.9;transform-origin:center center;box-shadow:0 5px 15px rgba(0,0,0,.15)}.revenue-chart-container{width:100%;margin-top:16px;margin-bottom:24px;min-height:400px}.chart-container{display:flex;padding:24px 24px 40px;flex-direction:column;align-items:flex-start;gap:20px;width:100%;background-color:rgba(65,83,97,.09);border-radius:16px;overflow:visible}.chart-header{width:100%;flex-wrap:wrap;gap:12px}.card-title{color:#fbf8da;font-size:1rem;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;line-height:normal;margin:0}.revenue-amount{display:flex;align-items:baseline;gap:12px;margin:0}.chart-area{flex-direction:column;height:auto;min-height:400px;overflow:visible}.chart-area,.chart-content{display:flex;width:100%;position:relative}.chart-content{height:300px;gap:12px;margin-bottom:12px;margin-left:0}.metrics-chart{display:flex;gap:12px;width:100%;margin-bottom:24px;position:relative;z-index:1}.filter-controls{display:flex;flex-wrap:wrap;align-items:flex-start}.filter-group{display:flex;flex-wrap:wrap;align-items:stretch}.filter-group .kyan-dropdown{flex:1 1;min-width:0;max-width:150px}.filter-group .kyan-dropdown:first-child{flex:0 0 auto;min-width:110px}.filter-group .kyan-dropdown:nth-child(2){flex:1 1;min-width:100px}.filter-group .kyan-dropdown:nth-child(3){flex:1 1;min-width:180px}.y-axis-labels{flex-direction:column;justify-content:space-between;width:60px;height:100%;flex-shrink:0;padding-right:16px}.y-axis-labels,.y-label{display:flex;position:relative}.y-label{align-items:center;height:0;min-height:20px}.y-label-text{color:#fbf8da!important;font-size:.75rem;font-weight:500;width:100%;text-align:right;white-space:nowrap;line-height:1;position:absolute;bottom:-10px;right:0}.chart-svg-container{flex:1 1;height:100%;display:flex;align-items:stretch;justify-content:stretch}.chart-svg-container svg{min-height:200px}.chart-component-container{background:rgba(65,83,97,.09);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid rgba(73,94,109,.2)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-revenue-total{color:#d5ab16;font-size:1.125rem;font-weight:700;font-family:Plus Jakarta Sans,sans-serif}.chart-svg-container{width:100%;height:300px;position:relative;overflow:visible}.chart-svg-container svg{width:100%;height:100%;display:block;overflow:visible}.chart-y-label{font-size:12px!important}.chart-x-label,.chart-y-label{fill:#fbf8da!important;font-family:Plus Jakarta Sans,sans-serif!important;font-weight:500}.chart-x-label{font-size:11px!important}.chart-area-gradient{--gradient-start:rgba(213,171,22,.8);--gradient-end:rgba(213,171,22,.1)}.chart-path{animation:chartDraw 2s ease-out}@keyframes chartDraw{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.chart-component-container:hover .chart-path{filter:drop-shadow(0 4px 8px rgba(213,171,22,.3))}.x-axis-labels{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding-top:8px;gap:0;margin-bottom:0;margin-left:0}.x-label{display:flex;flex-direction:column;align-items:center;position:relative;flex:1 1;text-align:center;min-width:0}.x-label-text{color:#fbf8da!important;font-size:.65rem;font-weight:500;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;padding:0 2px}.x-label:before{display:none!important}.metric-value.revenue-value{color:#d5ab16}.analytics-loading{display:flex;justify-content:center;align-items:center;width:100%;height:300px;color:#fbf8da;font-size:1rem;font-weight:500}.monthly-breakdown{margin-top:32px;background:rgba(65,83,97,.09);border:1px solid rgba(73,94,109,.2);border-radius:12px;padding:24px;position:relative;z-index:1}.monthly-breakdown h3{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 16px}.metrics-table{width:100%;border-collapse:collapse}.metrics-table thead{background:rgba(65,83,97,.2)}.metrics-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:hsla(55,80%,92%,.8);border-bottom:2px solid rgba(73,94,109,.3)}.metrics-table td{padding:12px 16px;font-size:14px;color:var(--color-text);border-bottom:1px solid rgba(73,94,109,.1)}.metrics-table tbody tr{transition:background .2s}.metrics-table tbody tr:hover{background:rgba(213,171,22,.1)}.metrics-table tbody tr.active{background:rgba(213,171,22,.2);font-weight:600}.last-updated{margin-top:16px;text-align:right;font-size:12px;color:hsla(55,80%,92%,.5)}.period-selector{display:flex;align-items:center;gap:12px}.period-selector label{font-size:14px;font-weight:500;color:hsla(55,80%,92%,.8)}.period-selector select{padding:8px 12px;background:rgba(65,83,97,.3);border:1px solid rgba(73,94,109,.3);border-radius:8px;color:var(--color-text);font-size:14px;cursor:pointer}.period-selector select:hover{background:rgba(65,83,97,.5)}.metric-subtitle{font-size:12px;color:hsla(55,80%,92%,.6);margin-top:4px}.revenue-cell{color:#d5ab16!important;font-weight:600}.spinner{width:40px;height:40px;border:4px solid rgba(213,171,22,.2);border-top-color:#d5ab16;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.analytics-container{padding:0 16px}.metrics-header{flex-direction:column;align-items:flex-start;gap:16px}.date-range-container{width:100%;margin-top:8px}.action-button{width:100%}}.simple-chart-container{background:rgba(65,83,97,.09);border:1px solid rgba(73,94,109,.2);border-radius:12px;padding:24px;position:relative;z-index:1}.chart-title{color:#fbf8da;margin:0}.chart-title,.chart-total{font-size:1.125rem;font-weight:700;font-family:Plus Jakarta Sans,sans-serif}.chart-total{color:#d5ab16}.chart-wrapper{position:relative;width:100%;height:200px;margin-top:16px}.revenue-chart{width:100%;height:100%}.chart-labels{display:flex;justify-content:space-between;align-items:center;width:100%;position:absolute;bottom:-20px;left:0;font-size:.75rem;color:hsla(55,80%,92%,.8)}.chart-label{flex:1 1;text-align:center}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart-svg-container path{stroke-dasharray:2000;stroke-dashoffset:2000}.chart-svg-container rect{animation:growUp .8s ease-out forwards;transform-origin:bottom}.chart-svg-container circle{animation:fadeIn .3s ease-out forwards;animation-delay:1.5s}.chart-svg-container line{animation:fadeIn .5s ease-out forwards;animation-delay:.2s}.y-axis-labels .y-label{opacity:0;animation:fadeIn .5s ease-out forwards}.y-axis-labels .y-label:first-child{animation-delay:.1s}.y-axis-labels .y-label:nth-child(2){animation-delay:.2s}.y-axis-labels .y-label:nth-child(3){animation-delay:.3s}.y-axis-labels .y-label:nth-child(4){animation-delay:.4s}.y-axis-labels .y-label:nth-child(5){animation-delay:.5s}.x-axis-labels .x-label{opacity:0;animation:fadeIn .5s ease-out forwards}.x-axis-labels .x-label:first-child{animation-delay:.6s}.x-axis-labels .x-label:nth-child(2){animation-delay:.7s}.x-axis-labels .x-label:nth-child(3){animation-delay:.8s}.x-axis-labels .x-label:nth-child(4){animation-delay:.9s}.x-axis-labels .x-label:nth-child(5){animation-delay:1s}.x-axis-labels .x-label:nth-child(6){animation-delay:1.1s}.x-axis-labels .x-label:nth-child(7){animation-delay:1.2s}@keyframes shimmer{0%{filter:drop-shadow(0 0 2px rgba(213,171,22,0))}50%{filter:drop-shadow(0 0 3px rgba(213,171,22,.6))}to{filter:drop-shadow(0 0 2px rgba(213,171,22,0))}}.chart-svg-container path{animation:drawLine 2s ease-in-out forwards,shimmer 3s ease-in-out infinite;animation-delay:0s,2s}.data-highlight{animation:fadeIn .3s ease-out forwards;transform-origin:center}@media (prefers-reduced-motion:reduce){.chart-svg-container circle,.chart-svg-container line,.chart-svg-container path,.chart-svg-container rect,.data-highlight,.x-axis-labels .x-label,.y-axis-labels .y-label{animation:none!important;opacity:1!important;transform:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}}.dashboard-container{display:flex;flex-direction:column;width:100%}.dashboard-header{display:flex;flex-direction:column;margin-bottom:24px}.dashboard-title{font-size:32px;font-weight:700;color:var(--color-text,#fbf8da);margin-bottom:16px}.dashboard-tabs:after{left:0;width:0;background:linear-gradient(90deg,#d5ab16,#f3d77f 50%,#d5ab16);background-size:200% 100%;box-shadow:0 0 8px rgba(213,171,22,.4);transition:transform .3s ease,width .3s ease;transform:translateX(0);animation:gradientShift 3s ease infinite;opacity:0}.dashboard-tab{padding:8px 16px;font-size:16px;font-weight:600;color:var(--color-text,#fbf8da);background:transparent;border:none;cursor:pointer;opacity:.7;position:relative;transition:opacity .3s ease,transform .2s ease;overflow:hidden;z-index:1}.dashboard-tabs{--indicator-width:0px;--indicator-left:0px;display:flex;border-bottom:1px solid hsla(55,80%,92%,.1);margin-bottom:16px;position:relative}.dashboard-tabs:after{content:"";position:absolute;bottom:-1px;left:var(--indicator-left);width:var(--indicator-width);height:2px;background:linear-gradient(90deg,#eab308,rgba(234,179,8,.25));box-shadow:0 0 8px rgba(234,179,8,.4);transition:all .3s cubic-bezier(.25,1,.5,1);opacity:1}.dashboard-tabs.has-active-tab:after{opacity:1}.dashboard-tab:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(234,179,8,.2),rgba(234,179,8,.05));opacity:0;transition:opacity .3s ease;z-index:-1}.dashboard-tab:hover{opacity:.9}.dashboard-tab.active,.dashboard-tab:hover:before{opacity:1}.dashboard-tab.active:after{display:none}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.dashboard-section{display:flex;flex-direction:column;padding:24px;background-color:rgba(65,83,97,.09);border-radius:8px;min-height:200px;justify-content:center;align-items:center;color:var(--color-text,#fbf8da);font-size:18px;font-weight:500}.properties-loading-indicator{position:fixed;bottom:20px;right:20px;background-color:rgba(213,171,22,.9);color:#212a31;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:100;animation:pulse 1.5s infinite}.booking-sync-toast{position:fixed;bottom:24px;right:24px;background:linear-gradient(135deg,#d5ab16,#c39a14);color:#212a31;padding:16px 20px;border-radius:12px;box-shadow:0 8px 24px rgba(213,171,22,.4);z-index:1000;animation:slideInRight .3s ease-out forwards;max-width:300px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.sync-toast-content{display:flex;align-items:center;gap:12px}.sync-toast-icon{font-size:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sync-toast-text{display:flex;flex-direction:column;gap:4px}.sync-toast-text strong{font-size:14px;font-weight:600}.sync-toast-text span{font-size:12px;opacity:.8}