.approval-progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.approval-progress-modal{background:#1f2937;border:2px solid rgba(213,171,22,.3);border-radius:12px;padding:32px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease-out}.approval-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.approval-progress-header h3{font-size:24px;font-weight:600;color:var(--color-text,#fbf8da);margin:0;display:flex;align-items:center;gap:12px}.approval-progress-header .spinner{animation:spin 1s linear infinite;color:var(--color-accent,#d5ab16)}.approval-progress-header .success-icon{color:#10b981}.approval-progress-header .error-icon{color:#ef4444}.approval-close-btn{background:transparent;border:none;color:hsla(55,80%,92%,.6);font-size:24px;cursor:pointer;padding:4px;line-height:1;transition:all .2s ease}.approval-close-btn:hover{color:var(--color-text,#fbf8da);transform:scale(1.1)}.approval-stages{margin-bottom:32px}.approval-stage{display:flex;gap:16px;position:relative}.approval-stage:not(:last-child){margin-bottom:24px}.stage-indicator{flex-direction:column;flex-shrink:0}.stage-icon,.stage-indicator{display:flex;align-items:center}.stage-icon{width:48px;height:48px;border-radius:50%;background:hsla(55,80%,92%,.05);border:2px solid hsla(55,80%,92%,.1);justify-content:center;font-size:20px;transition:all .3s ease}.approval-stage.active .stage-icon{background:rgba(213,171,22,.1);border-color:var(--color-accent,#d5ab16);box-shadow:0 0 0 4px rgba(213,171,22,.1)}.approval-stage.complete .stage-icon{background:rgba(16,185,129,.1);border-color:#10b981;color:#10b981}.approval-stage.failed .stage-icon{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.stage-icon .spinner{animation:spin 1s linear infinite;color:var(--color-accent,#d5ab16)}.stage-icon .stage-emoji{font-size:24px;line-height:1}.stage-connector{width:2px;flex:1 1;min-height:24px;background:hsla(55,80%,92%,.1);margin:4px 0;transition:background .3s ease}.stage-connector.complete{background:#10b981}.stage-content{flex:1 1;padding-top:4px}.stage-label{font-size:16px;font-weight:600;color:var(--color-text,#fbf8da);margin-bottom:4px;transition:color .3s ease}.approval-stage.active .stage-label{color:var(--color-accent,#d5ab16)}.approval-stage.complete .stage-label{color:#10b981}.approval-stage.failed .stage-label{color:#ef4444}.stage-description{font-size:14px;color:hsla(55,80%,92%,.6);line-height:1.4}.approval-message{background:hsla(55,80%,92%,.05);border:1px solid hsla(55,80%,92%,.1);border-radius:8px;padding:16px;margin-bottom:24px}.approval-message p{margin:0;font-size:14px;color:hsla(55,80%,92%,.8);line-height:1.5}.approval-message.error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.error-details{display:flex;flex-direction:column;gap:8px}.error-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#ef4444;margin:0}.error-text{color:hsla(55,80%,92%,.9);font-size:14px;line-height:1.5;margin:0}.error-type{font-size:12px;font-family:Courier New,monospace;color:hsla(55,80%,92%,.6);background:rgba(0,0,0,.2);padding:4px 8px;border-radius:4px;margin:0}.approval-actions{display:flex;gap:12px;justify-content:flex-end}.approval-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.approval-btn-primary{background:var(--color-accent,#d5ab16);color:#1f2937}.approval-btn-primary:hover{background:#c49912;transform:translateY(-1px);box-shadow:0 4px 12px rgba(213,171,22,.3)}.approval-btn-secondary{background:hsla(55,80%,92%,.1);color:var(--color-text,#fbf8da);border:1px solid hsla(55,80%,92%,.2)}.approval-btn-secondary:hover{background:hsla(55,80%,92%,.15);border-color:hsla(55,80%,92%,.3)}@media (max-width:640px){.approval-progress-modal{padding:24px;width:95%}.approval-progress-header h3{font-size:20px}.stage-icon{width:40px;height:40px;font-size:18px}.stage-label{font-size:15px}.stage-description{font-size:13px}.approval-actions{flex-direction:column}.approval-btn{width:100%}}.payout-analytics-container{display:flex;flex-direction:column;gap:2rem;padding:2rem 0;width:100%}.analytics-header{text-align:center;margin-bottom:1rem}.analytics-header h2{font-size:2rem;font-weight:700;color:var(--color-text,#fbf8da);margin:0 0 .5rem;letter-spacing:-.5px}.analytics-header p{font-size:1rem;color:hsla(55,80%,92%,.6);margin:0}.payout-analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem;min-height:400px}.analytics-loading-spinner{width:64px;height:64px;border:4px solid hsla(55,80%,92%,.1);border-top:4px solid var(--color-accent,#d5ab16);border-radius:50%;animation:analyticsSpinnerRotate .8s linear infinite}@keyframes analyticsSpinnerRotate{to{transform:rotate(1turn)}}.payout-analytics-loading p{color:hsla(55,80%,92%,.8);font-size:1rem;font-weight:600;margin:0}.analytics-loading-detail{color:hsla(55,80%,92%,.5)!important;font-size:.875rem!important;font-weight:400!important;margin-top:.5rem}.payout-analytics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1.5rem}.payout-analytics-empty svg{color:hsla(55,80%,92%,.2);width:56px;height:56px}.payout-analytics-empty h3{font-size:1.5rem;font-weight:600;color:var(--color-text,#fbf8da);margin:0}.payout-analytics-empty p{font-size:1rem;color:hsla(55,80%,92%,.6);margin:0}.analytics-retry-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--color-accent,#d5ab16);color:#212a31;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.analytics-retry-btn:hover{background:#c49a14;transform:translateY(-1px)}.analytics-retry-btn svg{width:1.125rem;height:1.125rem}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.analytics-summary-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:rgba(65,83,97,.08);border:1px solid hsla(55,80%,92%,.1);border-radius:12px;transition:all .2s ease}.analytics-summary-card:hover{background:rgba(65,83,97,.12);border-color:hsla(55,80%,92%,.15);transform:translateY(-2px)}.analytics-summary-card.highlight{background:rgba(213,171,22,.1);border-color:rgba(213,171,22,.3)}.summary-icon{width:3rem;height:3rem;padding:.75rem;background:rgba(213,171,22,.15);border-radius:10px;color:var(--color-accent,#d5ab16);flex-shrink:0}.summary-content{display:flex;flex-direction:column;gap:.25rem;flex:1 1}.summary-label{font-size:.875rem;color:hsla(55,80%,92%,.6);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.summary-value{font-size:1.5rem;font-weight:700;color:var(--color-text,#fbf8da);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.analytics-section{background:rgba(65,83,97,.08);border:1px solid hsla(55,80%,92%,.1);border-radius:12px;padding:2rem}.analytics-section h3{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--color-text,#fbf8da);margin:0 0 1.5rem}.analytics-section h3 svg{color:var(--color-accent,#d5ab16);width:1.5rem;height:1.5rem}.yearly-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.yearly-stat-card{background:rgba(65,83,97,.1);border:1px solid hsla(55,80%,92%,.1);border-radius:10px;overflow:hidden;transition:all .2s ease}.yearly-stat-card:hover{background:rgba(65,83,97,.15);border-color:hsla(55,80%,92%,.2);transform:translateY(-2px)}.yearly-stat-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:rgba(213,171,22,.1);border-bottom:1px solid hsla(55,80%,92%,.1)}.stat-year{font-size:1.5rem;font-weight:700;color:var(--color-accent,#d5ab16)}.stat-count{font-size:.875rem;color:hsla(55,80%,92%,.6);text-transform:uppercase;letter-spacing:.5px}.yearly-stat-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.875rem;color:hsla(55,80%,92%,.6);font-weight:500}.stat-value{font-size:1rem;font-weight:600;color:var(--color-text,#fbf8da);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.top-properties-list{display:flex;flex-direction:column;gap:.75rem}.top-property-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(65,83,97,.1);border:1px solid hsla(55,80%,92%,.08);border-radius:8px;transition:all .2s ease}.top-property-item:hover{background:rgba(65,83,97,.15);border-color:hsla(55,80%,92%,.15)}.property-rank{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:rgba(213,171,22,.15);border-radius:50%;font-size:1rem;font-weight:700;color:var(--color-accent,#d5ab16);flex-shrink:0}.property-info{flex:1 1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.property-name{font-size:.9375rem;font-weight:600;color:var(--color-text,#fbf8da);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-stats{font-size:.8125rem;color:hsla(55,80%,92%,.6)}.property-total{font-size:1.125rem;font-weight:700;color:var(--color-accent,#d5ab16);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.monthly-trend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:1rem;gap:1rem}.trend-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:rgba(65,83,97,.1);border:1px solid hsla(55,80%,92%,.08);border-radius:8px;transition:all .2s ease}.trend-card:hover{background:rgba(65,83,97,.15);border-color:hsla(55,80%,92%,.15)}.trend-card.increase{border-left:3px solid #22c55e}.trend-card.decrease{border-left:3px solid #ef4444}.trend-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.trend-month{font-size:.875rem;font-weight:600;color:var(--color-text,#fbf8da)}.trend-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.trend-card.increase .trend-change{color:#22c55e}.trend-card.decrease .trend-change{color:#ef4444}.trend-total{font-size:1.125rem;font-weight:700;color:var(--color-accent,#d5ab16);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trend-count{font-size:.75rem;color:hsla(55,80%,92%,.6)}@media (max-width:768px){.payout-analytics-container{gap:1.5rem}.analytics-section{padding:1.5rem}.analytics-summary,.yearly-stats-grid{grid-template-columns:1fr}.monthly-trend-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.top-property-item{flex-direction:column;align-items:flex-start}.property-total{align-self:flex-end}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spreadsheet-preview-modal{background:var(--color-surface,#2a3441);border:1px solid var(--color-border,hsla(55,80%,92%,.1));border-radius:12px;width:95vw;height:90vh;max-width:1400px;max-height:900px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spreadsheet-preview-modal.error{height:auto;max-width:600px}.spreadsheet-preview-modal .modal-header{padding:20px 24px;border-bottom:1px solid var(--color-border,hsla(55,80%,92%,.1));display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:rgba(65,83,97,.3)}.spreadsheet-preview-modal .modal-header-actions{display:flex;gap:12px;align-items:center}.spreadsheet-preview-modal .modal-title-section{display:flex;align-items:center;gap:16px}.spreadsheet-preview-modal .modal-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#d5ab16,#c49a14);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0;box-shadow:0 4px 12px rgba(213,171,22,.3)}.spreadsheet-preview-modal .modal-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px rgba(239,68,68,.3)}.spreadsheet-preview-modal h2{margin:0;font-size:20px;font-weight:700;color:var(--color-text,#fbf8da)}.spreadsheet-preview-modal .modal-subtitle{margin:4px 0 0;font-size:14px;color:hsla(55,80%,92%,.6)}.spreadsheet-preview-modal .modal-close-btn{width:36px;height:36px;border-radius:8px;border:none;background:hsla(55,80%,92%,.1);color:var(--color-text,#fbf8da);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:20px;flex-shrink:0}.spreadsheet-preview-modal .modal-close-btn:hover{background:hsla(55,80%,92%,.2);transform:rotate(90deg)}.spreadsheet-preview-content{flex:1 1;position:relative;overflow:hidden;background:var(--color-background,#212a31);display:flex;align-items:center;justify-content:center}.spreadsheet-preview-frame{width:100%;height:100%;border:none;background:#fff}.preview-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--color-text,#fbf8da)}.preview-loading .loading-spinner{width:48px;height:48px;border:4px solid hsla(55,80%,92%,.1);border-top-color:#d5ab16;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.preview-loading p{margin:0;font-size:14px;color:hsla(55,80%,92%,.7)}.preview-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px;gap:16px;color:var(--color-text,#fbf8da)}.preview-error svg{color:#d58916}.preview-error h3{margin:8px 0;font-size:18px;font-weight:600;color:var(--color-text,#fbf8da)}.preview-error p{margin:8px 0 20px;font-size:14px;max-width:400px;line-height:1.6;color:hsla(55,80%,92%,.7)}.preview-error-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.preview-info-note{font-size:12px;color:hsla(55,80%,92%,.5);font-style:italic;margin-top:12px}.error-content{padding:60px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;color:hsla(55,80%,92%,.7)}.error-content svg{color:#d58916}.error-content h3{margin:0;font-size:20px;font-weight:600;color:var(--color-text,#fbf8da)}.error-content p{margin:0;font-size:14px;max-width:400px;line-height:1.6;color:hsla(55,80%,92%,.7)}.spreadsheet-preview-modal .modal-footer{padding:16px 24px;border-top:1px solid var(--color-border,hsla(55,80%,92%,.1));display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;background:rgba(65,83,97,.2)}.modal-footer-info{display:flex;align-items:center;gap:8px;color:hsla(55,80%,92%,.7);font-size:13px}.modal-footer-info svg{color:#d5ab16}.kyan-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.kyan-btn:disabled{opacity:.5;cursor:not-allowed}.kyan-btn-primary{background:linear-gradient(135deg,#d5ab16,#c49a14);color:#212a31;box-shadow:0 2px 8px rgba(213,171,22,.3)}.kyan-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(213,171,22,.4)}.kyan-btn-secondary{background:hsla(55,80%,92%,.1);color:var(--color-text,#fbf8da);border:1px solid hsla(55,80%,92%,.2)}.kyan-btn-secondary:hover:not(:disabled){background:hsla(55,80%,92%,.15);border-color:hsla(55,80%,92%,.3)}@media (max-width:768px){.spreadsheet-preview-modal{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.modal-overlay{padding:0}.modal-header-actions{gap:8px}.kyan-btn{padding:8px 12px;font-size:13px}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer-info{justify-content:center}}.modal-overlay.unmounting{opacity:0;transition:opacity .3s ease-out}.modal-overlay.unmounting .spreadsheet-preview-modal{transform:scale(.95);transition:transform .3s ease-out}