.export-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.export-modal{background:var(--color-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.export-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease}.export-modal-close:hover{background:var(--color-surface);color:var(--color-text)}.export-modal-close svg{width:20px;height:20px}.export-modal-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);text-align:center;border-bottom:1px solid var(--color-border)}.export-modal-icon{width:48px;height:48px;background:var(--color-primary-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.export-modal-icon svg{width:24px;height:24px;color:var(--color-primary)}.export-modal-header h2{font-size:var(--font-size-xl);color:var(--color-text);margin:0 0 var(--spacing-xs)}.export-modal-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.export-modal-content{padding:var(--spacing-lg) var(--spacing-xl)}.export-section{margin-bottom:var(--spacing-lg)}.export-section:last-child{margin-bottom:0}.export-section h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);color:var(--color-text);margin:0 0 var(--spacing-md)}.export-section h3 svg{width:18px;height:18px;color:var(--color-primary)}.export-section-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md)}.export-date-range{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.export-date-range label{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.export-date-range label:hover{border-color:var(--color-primary);color:var(--color-text)}.export-date-range label.active{background:var(--color-primary);border-color:var(--color-primary);color:white}.export-date-range input[type=radio]{display:none}.export-custom-dates{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md)}.export-date-input{display:flex;flex-direction:column;gap:var(--spacing-xs)}.export-date-input label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.export-date-input input[type=date]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-background)}.export-date-input input[type=date]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.export-sections-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.export-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.export-checkbox:hover{background:var(--color-surface)}.export-checkbox.checked{border-color:var(--color-primary);background:var(--color-primary-light)}.export-checkbox input[type=checkbox]{display:none}.checkbox-indicator{width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.export-checkbox.checked .checkbox-indicator{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-indicator svg{width:12px;height:12px;color:white}.checkbox-label{font-size:var(--font-size-sm);color:var(--color-text)}.export-error{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.export-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border);background:var(--color-surface);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.export-cancel-btn,.export-submit-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.export-cancel-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.export-cancel-btn:hover:not(:disabled){background:var(--color-background);color:var(--color-text)}.export-submit-btn{background:var(--color-primary);border:1px solid var(--color-primary);color:white}.export-submit-btn:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.export-cancel-btn:disabled,.export-submit-btn:disabled{opacity:.6;cursor:not-allowed}.export-cancel-btn svg,.export-submit-btn svg{width:16px;height:16px}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.export-modal{max-height:100vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-top:auto}.export-date-range{grid-template-columns:repeat(2,1fr)}.export-custom-dates,.export-sections-grid{grid-template-columns:1fr}}