*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7fafc}button{font-family:inherit;cursor:pointer}a{text-decoration:none;color:inherit}.upload-page-redesign{min-height:100vh;background-color:#f7fafc;padding:24px}.step-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:48px}.step{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;transition:all .3s ease}.step.pending{background-color:#e2e8f0;color:#718096}.step.active{background-color:#667eea;color:#fff}.step.completed{background-color:#48bb78;color:#fff}.step-number{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.step.pending .step-number{background-color:#cbd5e0}.step.active .step-number,.step.completed .step-number{background-color:#fff3}.step-label{font-weight:500}.step-connector{width:40px;height:2px;background-color:#e2e8f0}.upload-content{max-width:720px;margin:0 auto}.upload-header{text-align:center;margin-bottom:32px}.upload-header h1{font-size:32px;font-weight:300;color:#1a202c;margin-bottom:8px}.upload-header p{font-size:18px;color:#718096}.upload-dropzone{border:2px dashed #cbd5e0;border-radius:16px;background-color:#fff;transition:all .3s ease;cursor:pointer;margin-bottom:24px}.upload-dropzone:hover{border-color:#667eea;background-color:#f8f9ff}.upload-dropzone.dragging{border-color:#667eea;background-color:#ebf4ff;transform:scale(1.02)}.file-input-hidden{display:none}.dropzone-content{display:flex;flex-direction:column;align-items:center;padding:64px 32px;cursor:pointer}.upload-icon-wrapper{width:80px;height:80px;border-radius:16px;background-color:#f7fafc;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s ease;color:#718096}.upload-dropzone:hover .upload-icon-wrapper{background-color:#ebf4ff;color:#667eea}.upload-dropzone.dragging .upload-icon-wrapper{background-color:#667eea;color:#fff;transform:scale(1.1)}.upload-text{text-align:center;margin-bottom:24px}.upload-text .primary{font-size:20px;font-weight:500;color:#1a202c;margin-bottom:8px}.upload-text .secondary{font-size:16px;color:#718096}.upload-text .browse-link{color:#667eea;cursor:pointer}.upload-text .browse-link:hover{text-decoration:underline}.upload-constraints{display:flex;align-items:center;gap:16px;font-size:14px;color:#a0aec0}.upload-constraints span{display:flex;align-items:center;gap:6px}.upload-constraints .divider{color:#cbd5e0}.smart-matching-card{display:flex;gap:16px;padding:24px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px}.smart-matching-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.smart-matching-content h3{font-size:16px;font-weight:600;color:#1a202c;margin-bottom:8px}.smart-matching-content p{font-size:14px;color:#718096;margin-bottom:16px}.column-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.tag.required{background-color:#ebf4ff;color:#667eea;border:1px solid #c3dafe}.tag.optional{background-color:#f7fafc;color:#718096;border:1px solid #e2e8f0}.template-download{text-align:center}.template-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:none;color:#718096;font-size:14px;cursor:pointer;transition:all .2s}.template-link:hover{color:#667eea}.template-link:hover svg{transform:translateY(2px)}.upload-validating{text-align:center}.validating-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:64px 32px;display:flex;flex-direction:column;align-items:center;gap:24px}.file-icon-wrapper{position:relative;width:80px;height:80px;background-color:#f7fafc;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#718096}.spinner-overlay{position:absolute;bottom:-8px;right:-8px;width:32px;height:32px;background-color:#ebf4ff;border-radius:50%;display:flex;align-items:center;justify-content:center}.spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.spinner.large{width:48px;height:48px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.file-info .file-name{font-size:16px;font-weight:500;color:#1a202c}.file-info .file-size{font-size:14px;color:#718096}.validation-steps{display:flex;align-items:center;gap:12px;font-size:14px}.step-done{display:flex;align-items:center;gap:8px;color:#48bb78}.step-arrow{color:#cbd5e0}.step-active{display:flex;align-items:center;gap:8px;color:#667eea}.mini-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.upload-preview{animation:slideUp .5s ease}.success-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f0fff4;border:1px solid #9ae6b4;border-radius:20px;color:#38a169;font-size:14px;font-weight:500;margin-bottom:16px}.file-summary-card{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px}.file-summary-info{display:flex;align-items:center;gap:16px}.file-icon-small{width:48px;height:48px;background-color:#ebf4ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#667eea}.btn-change-file{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#718096;font-size:14px;cursor:pointer;transition:all .2s}.btn-change-file:hover{background-color:#edf2f7;color:#4a5568}.column-mapping-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:24px}.column-mapping-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0}.column-mapping-card .card-header h3{font-size:16px;font-weight:600;color:#1a202c}.columns-matched{font-size:14px;color:#48bb78;font-weight:500}.column-mapping-card .card-body{padding:24px}.column-section{margin-bottom:24px}.column-section:last-child{margin-bottom:0}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#718096;margin-bottom:12px}.column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.column-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px}.column-item.found{background-color:#f0fff4;border:1px solid #9ae6b4;color:#38a169}.column-item.optional.found{background-color:#f7fafc;border:1px solid #e2e8f0;color:#718096}.column-item.missing,.column-item.not-found{background-color:#f7fafc;border:1px solid #e2e8f0}.missing-dot,.not-found-dot{width:16px;height:16px;border:2px solid #cbd5e0;border-radius:50%;flex-shrink:0}.column-info{min-width:0}.column-name{font-size:14px;font-weight:500;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-mapped{font-size:12px;color:#718096;margin-top:2px}.preview-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.btn{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-secondary{background-color:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.btn-secondary:hover{background-color:#edf2f7}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-import{padding:14px 32px;font-size:16px}.upload-importing{text-align:center}.importing-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:64px 32px;display:flex;flex-direction:column;align-items:center;gap:24px}.importing-spinner{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.importing-text{font-size:16px;color:#718096}.upload-complete{text-align:center;animation:slideUp .5s ease}.success-icon-large{width:96px;height:96px;margin:0 auto 24px;background-color:#f0fff4;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#38a169}.stats-row{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.stat-card{padding:24px 32px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;text-align:center;min-width:140px}.stat-card.success{background-color:#f0fff4;border-color:#9ae6b4}.stat-card.warning{background-color:#fffbeb;border-color:#fbd38d}.stat-value{display:block;font-size:32px;font-weight:300;color:#1a202c}.stat-card.success .stat-value{color:#38a169}.stat-card.warning .stat-value{color:#d69e2e}.stat-label{display:block;font-size:14px;color:#718096;margin-top:4px}.complete-actions{display:flex;justify-content:center;gap:16px}.btn-view-details{padding:14px 32px;font-size:16px}.upload-error{max-width:480px;margin:0 auto}.error-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 32px;background-color:#fff;border:1px solid #fc8181;border-radius:16px;text-align:center}.error-icon{width:64px;height:64px;background-color:#fff5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e53e3e}.error-content h3{font-size:20px;font-weight:600;color:#c53030;margin-bottom:8px}.error-content p{font-size:14px;color:#718096}@media(max-width:768px){.step-indicator{flex-wrap:wrap;gap:4px}.step-connector{display:none}.upload-header h1{font-size:24px}.dropzone-content{padding:40px 24px}.column-grid{grid-template-columns:1fr}.stats-row{flex-direction:column}.stat-card{width:100%}.preview-actions,.complete-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.segment-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}.segment-modal{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.segment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.segment-modal-header h2{font-size:20px;font-weight:600;color:#1a202c;margin:0}.segment-modal-close{width:36px;height:36px;border:none;background-color:#f7fafc;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#718096;transition:all .2s}.segment-modal-close:hover{background-color:#edf2f7;color:#1a202c}.segment-modal-body{padding:24px;overflow-y:auto;flex:1}.segment-form-group{margin-bottom:24px}.segment-form-group label{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.segment-form-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:border-color .2s}.segment-form-input:focus{outline:none;border-color:#667eea}.segment-form-input::placeholder{color:#a0aec0}.segment-filters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.segment-filter-section{background-color:#f7fafc;border-radius:8px;padding:16px}.segment-filter-section>label{display:block;font-size:13px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.segment-filter-options{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.segment-filter-option{display:flex;align-items:center;gap:10px;padding:8px 10px;background-color:#fff;border-radius:6px;cursor:pointer;transition:background-color .2s}.segment-filter-option:hover{background-color:#edf2f7}.segment-filter-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.segment-filter-option .filter-label{flex:1;font-size:14px;color:#2d3748}.segment-filter-option .filter-count{font-size:13px;color:#718096;background-color:#edf2f7;padding:2px 8px;border-radius:4px}.segment-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e2e8f0;background-color:#f7fafc;border-radius:0 0 12px 12px}.segment-preview{font-size:14px;color:#4a5568}.segment-preview .preview-loading{color:#718096}.segment-preview .preview-count strong{color:#667eea;font-size:18px}.segment-preview .preview-hint{color:#a0aec0;font-style:italic}.segment-modal-actions{display:flex;gap:12px}.segment-modal-actions .btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.segment-modal-actions .btn-primary{background-color:#667eea;color:#fff}.segment-modal-actions .btn-primary:hover:not(:disabled){background-color:#5568d3}.segment-modal-actions .btn-primary:disabled{background-color:#cbd5e0;cursor:not-allowed}.segment-modal-actions .btn-secondary{background-color:#fff;color:#4a5568;border:1px solid #e2e8f0}.segment-modal-actions .btn-secondary:hover{background-color:#edf2f7}@media(max-width:768px){.segment-modal-overlay{padding:16px}.segment-modal{max-height:95vh}.segment-filters-grid{grid-template-columns:1fr}.segment-modal-footer{flex-direction:column;gap:16px}.segment-modal-actions{width:100%}.segment-modal-actions .btn{flex:1}}.segment-card-grid{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014;border:2px solid transparent;transition:all .2s ease;position:relative;display:flex;flex-direction:column;gap:16px}.segment-card-grid:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.segment-card-grid.expanded{border-color:#667eea}.segment-card-header{display:flex;flex-direction:column;gap:4px}.segment-title-row{display:flex;align-items:center;gap:10px}.segment-name{font-size:18px;font-weight:600;color:#1a202c;margin:0;line-height:1.3}.segment-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.segment-badge.new{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.segment-created{font-size:13px;color:#718096}.segment-chips{display:flex;flex-wrap:wrap;gap:6px}.segment-chip{display:inline-flex;align-items:center;padding:4px 10px;background-color:#f0f4ff;color:#4a5568;border-radius:6px;font-size:12px;font-weight:500}.segment-chip.more{background-color:#e2e8f0;color:#718096;font-style:italic}.segment-stats-row{display:flex;gap:24px;padding:12px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.segment-stat-item{display:flex;align-items:center;gap:8px}.segment-stat-item .stat-icon{width:32px;height:32px;border-radius:8px;background-color:#f0f4ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.segment-stat-item .stat-icon svg{width:16px;height:16px;color:#667eea}.segment-stat-item .stat-content{display:flex;flex-direction:column;gap:2px}.segment-stat-item .stat-number{font-size:16px;font-weight:700;color:#1a202c;line-height:1}.segment-stat-item .stat-label{font-size:11px;color:#718096;text-transform:uppercase;letter-spacing:.3px}.btn-icon{width:14px;height:14px;flex-shrink:0}.segment-hover-actions{display:flex;gap:8px;opacity:0;transform:translateY(4px);transition:all .2s ease;padding-top:4px}.segment-hover-actions.visible{opacity:1;transform:translateY(0)}.hover-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.hover-action-btn .btn-icon{width:16px;height:16px}.hover-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hover-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.hover-action-btn.secondary{background-color:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.hover-action-btn.secondary:hover{background-color:#edf2f7;border-color:#cbd5e0}.segment-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.segment-footer-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s}.segment-footer-btn .btn-icon{width:14px;height:14px}.segment-footer-btn:hover{background-color:#f7fafc;border-color:#cbd5e0}.segment-footer-btn.edit:hover{color:#667eea;border-color:#667eea;background-color:#f0f4ff}.segment-footer-btn.edit:hover .btn-icon{color:#667eea}.segment-footer-btn.delete{color:#e53e3e;border-color:#fed7d7}.segment-footer-btn.delete:hover{background-color:#fff5f5;border-color:#fc8181}.segment-footer-actions{display:flex;gap:8px}.segment-members-expanded{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}@media(max-width:768px){.segment-card-grid{padding:16px}.segment-stats-row{flex-wrap:wrap;gap:12px}.segment-stat-item{flex:1;min-width:80px}.segment-card-footer{flex-direction:column;gap:12px;align-items:stretch}.segment-footer-actions{justify-content:flex-end}.segment-hover-actions{flex-wrap:wrap}}.confirm-dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-header{padding:20px 24px;border-bottom:1px solid #e2e8f0}.confirm-dialog-header h3{margin:0;font-size:18px;font-weight:600;color:#1a202c}.confirm-dialog-body{padding:24px}.confirm-dialog-body p{margin:0;font-size:14px;line-height:1.6;color:#4a5568;white-space:pre-line}.confirm-dialog-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.confirm-dialog-footer .btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.confirm-dialog-footer .btn-secondary{background-color:#e2e8f0;color:#4a5568}.confirm-dialog-footer .btn-secondary:hover{background-color:#cbd5e0}.confirm-dialog-footer .btn-primary{background-color:#667eea;color:#fff}.confirm-dialog-footer .btn-primary:hover{background-color:#5568d3}.confirm-dialog-footer .btn-danger{background-color:#f56565;color:#fff}.confirm-dialog-footer .btn-danger:hover{background-color:#e53e3e}.details-page{min-height:100vh;padding:24px;background-color:#f7fafc}.details-container{max-width:100%;width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e2e8f0}.tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;color:#718096;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab:hover{color:#2d3748;background-color:#f7fafc}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab-content{padding:24px 0}.info-message{background-color:#ebf8ff;border:1px solid #90cdf4;border-radius:8px;padding:16px;color:#2c5282;text-align:center}.job-id{font-size:14px;color:#718096;font-family:Courier New,monospace}.success-message{background-color:#f0fff4;border:1px solid #68d391;color:#22543d;padding:24px;border-radius:8px;text-align:center;font-size:16px}.summary-card{background:#fff;border-radius:8px;padding:32px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.summary-card h2{font-size:20px;font-weight:600;color:#1a202c;margin-bottom:24px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;row-gap:24px}.summary-item{display:flex;flex-direction:column;gap:12px;min-width:0}.summary-label{font-size:12px;font-weight:600;text-transform:uppercase;color:#718096;letter-spacing:.5px}.summary-value{font-size:20px;font-weight:600;color:#1a202c;word-break:break-word;overflow-wrap:break-word}.text-success{color:#48bb78}.text-error{color:#f56565}.status-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500;width:fit-content}.errors-card{background:#fff;border-radius:8px;padding:32px;box-shadow:0 1px 3px #0000001a}.errors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.errors-header h2{font-size:20px;font-weight:600;color:#1a202c;margin:0}.errors-card h2{font-size:20px;font-weight:600;color:#1a202c;margin-bottom:24px}.errors-table-wrapper{overflow-x:auto}.errors-table{width:100%;border-collapse:collapse}.errors-table th{background-color:#f7fafc;padding:12px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;color:#718096;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.errors-table td{padding:16px 12px;border-bottom:1px solid #e2e8f0;vertical-align:top}.row-number{font-weight:600;color:#4a5568;font-family:Courier New,monospace}.error-reason{color:#c53030;max-width:400px}.raw-data details{cursor:pointer}.raw-data summary{color:#4299e1;font-size:14px;-webkit-user-select:none;user-select:none}.raw-data pre{margin-top:8px;padding:12px;background-color:#f7fafc;border-radius:4px;font-size:12px;overflow-x:auto;max-width:500px}.population-filter{margin-bottom:24px}.population-filter .form-input{max-width:500px}.population-list{display:flex;flex-direction:column;gap:12px}.population-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f7fafc;border-radius:6px;transition:background-color .2s}.population-item:hover{background-color:#edf2f7}.population-location{font-size:16px;font-weight:500;color:#2d3748}.population-count{font-size:14px;color:#718096;font-weight:500}.segments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.segments-header h2{font-size:24px;font-weight:600;color:#1a202c}.segment-form{margin-bottom:24px}.segment-form h3{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.form-input{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#667eea}.filter-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.filter-option{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#f7fafc;border-radius:4px;cursor:pointer;transition:background-color .2s}.filter-option:hover{background-color:#edf2f7}.filter-option input[type=checkbox]{cursor:pointer}.filter-option span{font-size:14px;color:#2d3748}.preview-count{margin-top:24px;padding:16px;background-color:#ebf8ff;border:1px solid #90cdf4;border-radius:6px;color:#2c5282;text-align:center;font-size:16px}.preview-count strong{font-weight:600}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-primary:disabled{background-color:#cbd5e0;cursor:not-allowed}.btn-secondary{background-color:#e2e8f0;color:#2d3748}.btn-secondary:hover{background-color:#cbd5e0}.btn-danger-small{padding:6px 12px;background-color:#fc8181;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-danger-small:hover{background-color:#f56565}.empty-state{text-align:center;padding:48px 24px;background-color:#f7fafc;border-radius:8px}.empty-state h3{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:8px}.empty-state p{font-size:14px;color:#718096}.segments-list{display:flex;flex-direction:column;gap:16px}.segment-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.segment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.segment-header h3{font-size:18px;font-weight:600;color:#1a202c}.segment-actions{display:flex;gap:8px}.segment-details{display:flex;flex-direction:column;gap:12px}.segment-stat{display:flex;align-items:center;gap:12px}.stat-label{font-size:12px;font-weight:600;text-transform:uppercase;color:#718096;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:600;color:#667eea}.segment-filters{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#f7fafc;border-radius:4px}.filter-group{font-size:14px;color:#2d3748}.filter-group strong{color:#1a202c;margin-right:4px}.segment-meta{font-size:13px;color:#718096}.segment-members-section{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.members-list{margin-top:16px}.members-list-header{font-size:14px;color:#718096;margin-bottom:12px}.members-table{width:100%;border-collapse:collapse;font-size:14px}.members-table th{background-color:#f7fafc;padding:10px 12px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;color:#718096;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.members-table td{padding:12px;border-bottom:1px solid #e2e8f0;color:#2d3748}.members-table tbody tr:hover{background-color:#f7fafc}.job-subtitle{font-size:16px;color:#718096;margin-top:4px}.header-actions{display:flex;gap:12px}.quick-stats-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;position:relative}.quick-stats-row.filtered{border:2px solid #667eea;border-radius:12px;padding:16px;background-color:#f8f9ff}.quick-stats-loading{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10;font-size:14px;color:#667eea}.quick-stat-total{font-size:14px;font-weight:400;color:#718096}.quick-stat{display:flex;align-items:center;gap:12px;background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex:1;min-width:160px}.quick-stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.quick-stat-icon.members{background-color:#ebf8ff;color:#3182ce}.quick-stat-icon.email{background-color:#f0fff4;color:#38a169}.quick-stat-icon.phone{background-color:#faf5ff;color:#805ad5}.quick-stat-icon.states{background-color:#fff5f5;color:#e53e3e}.quick-stat-icon.counties{background-color:#fffaf0;color:#dd6b20}.quick-stat-content{display:flex;flex-direction:column}.quick-stat-value{font-size:20px;font-weight:700;color:#1a202c}.quick-stat-percent{font-size:14px;font-weight:400;color:#718096}.quick-stat-label{font-size:13px;color:#718096}.import-content-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-bottom:32px}.content-main{display:flex;flex-direction:column;gap:24px}.content-sidebar{display:flex;flex-direction:column;gap:16px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.card-header h2{font-size:18px;font-weight:600;color:#1a202c;margin:0}.card-subtitle{font-size:13px;color:#718096;margin-top:4px;display:block}.summary-card.collapsible .card-header.clickable{cursor:pointer;width:100%;background:none;border:none;padding:0;text-align:left;display:flex;justify-content:space-between;align-items:center}.collapse-icon{font-size:12px;color:#718096;transition:transform .2s}.collapse-icon.expanded{transform:rotate(180deg)}.import-details-content{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.errors-section{margin-top:24px}.errors-section h3{font-size:16px;font-weight:600;color:#1a202c;margin:0}.errors-more{text-align:center;color:#718096;font-size:14px;margin-top:12px}.county-list{display:flex;flex-direction:column;gap:16px}.county-item{padding:12px;background-color:#f7fafc;border-radius:8px}.county-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.county-rank{width:24px;height:24px;background-color:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.county-info{flex:1;display:flex;flex-direction:column}.county-name{font-size:15px;font-weight:600;color:#1a202c}.county-stats{font-size:12px;color:#718096}.county-count{text-align:right}.count-value{font-size:18px;font-weight:700;color:#1a202c;display:block}.count-percent{font-size:12px;color:#718096}.county-progress{height:6px;background-color:#e2e8f0;border-radius:3px;overflow:hidden}.county-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease}.drill-down-breadcrumb{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;flex-wrap:wrap}.breadcrumb-item{background:none;border:none;padding:4px 8px;font-size:14px;color:#667eea;cursor:pointer;border-radius:4px;transition:all .2s}.breadcrumb-item:hover{background-color:#ebf4ff}.breadcrumb-item.active{color:#1a202c;font-weight:600;cursor:default}.breadcrumb-item.active:hover{background:none}.breadcrumb-separator{color:#cbd5e0;font-size:14px}.breadcrumb-clear{margin-left:auto;background:none;border:1px solid #e2e8f0;padding:4px 12px;font-size:13px;color:#718096;cursor:pointer;border-radius:4px;transition:all .2s}.breadcrumb-clear:hover{background-color:#f7fafc;color:#4a5568}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.location-card{background-color:#f7fafc;border:2px solid transparent;border-radius:12px;padding:20px 16px;text-align:center;cursor:pointer;transition:all .2s;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center}.location-card:hover{background-color:#ebf4ff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.location-card.selected{background-color:#ebf4ff;border-color:#667eea;position:relative;box-shadow:0 4px 12px #667eea33}.location-card .selected-indicator,.city-item .selected-indicator{position:absolute;top:8px;right:8px;font-size:10px;font-weight:600;text-transform:uppercase;color:#667eea;background-color:#fff;padding:2px 6px;border-radius:4px;box-shadow:0 1px 2px #0000001a}.location-icon{width:40px;height:40px;border-radius:10px;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#667eea}.location-card.selected .location-icon{background-color:#667eea;color:#fff}.location-name{font-size:16px;font-weight:600;color:#1a202c;margin-bottom:4px}.location-count{font-size:18px;font-weight:700;color:#1a202c;margin-bottom:2px}.location-percent{font-size:12px;color:#718096;font-weight:500}.county-item.clickable{cursor:pointer;border:2px solid transparent;transition:all .2s;width:100%;text-align:left}.county-item.clickable:hover{background-color:#ebf4ff;border-color:#667eea;transform:translate(4px)}.county-item.clickable.selected{background-color:#ebf4ff;border-color:#667eea;box-shadow:0 2px 8px #667eea26}.county-item.clickable.selected .county-rank{background-color:#667eea;color:#fff}.cities-list{display:flex;flex-direction:column;gap:8px}.city-item{display:flex;flex-direction:column;padding:12px 16px;background-color:#f7fafc;border:2px solid transparent;border-radius:8px;transition:all .2s;text-align:left;width:100%}.city-item.clickable{cursor:pointer}.city-item.clickable:hover{background-color:#ebf4ff;border-color:#667eea;transform:translate(4px)}.city-item.clickable.selected{background-color:#ebf4ff;border-color:#667eea;position:relative;box-shadow:0 2px 8px #667eea26}.city-header{display:flex;align-items:flex-start;gap:12px}.city-rank{width:24px;height:24px;border-radius:50%;background-color:#e2e8f0;color:#4a5568;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.city-item.clickable.selected .city-rank{background-color:#667eea;color:#fff}.city-info{flex:1;min-width:0}.city-info .city-name{font-size:14px;font-weight:600;color:#1a202c;margin-bottom:4px;display:block}.city-info .city-stats{display:flex;align-items:center;gap:12px;font-size:12px;color:#718096}.city-item .city-count{text-align:right;flex-shrink:0}.city-item .city-count .count-value{font-size:16px;font-weight:600;color:#1a202c;display:block}.city-item .city-count .count-percent{font-size:12px;color:#718096}.city-progress{height:4px;background-color:#e2e8f0;border-radius:2px;margin-top:10px;overflow:hidden}.city-progress-bar{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;transition:width .3s ease}.stat-item{display:inline-flex;align-items:center;gap:4px;color:#718096}.stat-item svg{flex-shrink:0;opacity:.7}.county-stats{display:flex;align-items:center;gap:12px;font-size:12px;color:#718096}.sidebar-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.sidebar-card h3{font-size:16px;font-weight:600;color:#1a202c;margin-bottom:16px}.plan-list{display:flex;flex-direction:column;gap:12px}.plan-item{display:flex;flex-direction:column;gap:6px}.plan-header{display:flex;justify-content:space-between;align-items:center}.plan-name{font-size:14px;font-weight:500;color:#2d3748}.plan-count{font-size:14px;color:#718096}.plan-progress{height:4px;background-color:#e2e8f0;border-radius:2px;overflow:hidden}.plan-progress-bar{height:100%;background-color:#48bb78;border-radius:2px}.plan-percent{font-size:12px;color:#718096;align-self:flex-end}.reachability-list{display:flex;flex-direction:column;gap:12px}.reachability-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.reachability-row:last-child{border-bottom:none}.reachability-row.warning{color:#c53030}.reachability-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#2d3748}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.success{background-color:#48bb78}.status-dot.info{background-color:#4299e1}.status-dot.purple{background-color:#805ad5}.status-dot.warning{background-color:#ed8936}.reachability-value{font-size:14px;font-weight:600;color:#1a202c}.actions-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.actions-card h3{color:#fff}.action-buttons{display:flex;flex-direction:column;gap:10px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.action-btn.primary{background-color:#fff;color:#667eea}.action-btn.primary:hover{background-color:#f7fafc}.action-btn.secondary{background-color:#fff3;color:#fff}.action-btn.secondary:hover{background-color:#ffffff4d}.tabs-container{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:8px 16px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.tabs-container .tabs{margin-bottom:0;border-bottom:none}.tabs-container .create-segment-btn{white-space:nowrap}.tab-content-area{min-height:400px}.tab-content-area .tab-content{padding:0}.empty-state{text-align:center;padding:64px 32px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.empty-state-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.empty-state h3{font-size:22px;font-weight:600;color:#1a202c;margin-bottom:12px}.empty-state p{font-size:15px;color:#718096;max-width:400px;margin:0 auto 24px;line-height:1.5}.empty-state .btn{padding:12px 24px;font-size:15px}.overview-message{text-align:center;padding:32px;background-color:#f7fafc;border-radius:8px;color:#718096}.segments-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.segments-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;flex:1;max-width:400px;transition:border-color .2s,box-shadow .2s}.segments-search:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.segments-search svg{color:#a0aec0;flex-shrink:0}.segments-search-input{flex:1;border:none;background:none;font-size:14px;color:#1a202c;outline:none}.segments-search-input::placeholder{color:#a0aec0}.segments-count{font-size:14px;color:#718096;white-space:nowrap}.segments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.segments-no-results{text-align:center;padding:48px 24px;background:#f7fafc;border-radius:12px;margin-top:24px}.segments-no-results p{font-size:16px;color:#718096;margin-bottom:16px}@media(max-width:1024px){.import-content-grid{grid-template-columns:1fr}.content-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cities-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.details-page{padding:16px}.page-header{flex-direction:column;gap:16px}.page-header h1{font-size:24px}.summary-grid{grid-template-columns:1fr}.errors-table{font-size:14px}.errors-table th,.errors-table td{padding:8px}.population-item{padding:12px}.population-location{font-size:14px}.population-count{font-size:13px}.segments-header{flex-direction:column;align-items:flex-start;gap:12px}.filter-options{grid-template-columns:1fr}.form-actions{flex-direction:column}.segment-header{flex-direction:column;align-items:flex-start;gap:12px}}.imports-list-page{min-height:100vh;padding:24px;background-color:#f7fafc}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-header h1{font-size:32px;font-weight:700;color:#1a202c;margin-bottom:8px}.page-description{font-size:16px;color:#718096}.loading{text-align:center;padding:48px;font-size:18px;color:#718096}.error-message{background-color:#fff5f5;border:1px solid #fc8181;color:#c53030;padding:16px;border-radius:6px;margin-bottom:16px}.empty-state{background:#fff;border-radius:8px;padding:64px 32px;text-align:center;box-shadow:0 1px 3px #0000001a}.empty-state h2{font-size:24px;font-weight:600;color:#1a202c;margin-bottom:12px}.empty-state p{font-size:16px;color:#718096;margin-bottom:24px}.imports-table-wrapper{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.imports-table{width:100%;border-collapse:collapse}.imports-table thead{background-color:#f7fafc;border-bottom:2px solid #e2e8f0}.imports-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;color:#718096;letter-spacing:.5px}.imports-table td{padding:16px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.table-row-clickable{cursor:pointer;transition:background-color .2s}.table-row-clickable:hover{background-color:#f7fafc}.filename{font-weight:500;color:#2d3748}.text-success{color:#48bb78;font-weight:500}.text-error{color:#f56565;font-weight:500}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.status-pending{background-color:#fef5e7;color:#d4791f}.status-processing{background-color:#ebf8ff;color:#2c5282}.status-completed{background-color:#f0fff4;color:#22543d}.status-failed{background-color:#fff5f5;color:#c53030}.btn-primary:hover{background-color:#5568d3}.btn-small{padding:6px 12px;font-size:13px;background-color:#667eea;color:#fff}.btn-small:hover{background-color:#5568d3}@media(max-width:768px){.imports-list-page{padding:16px}.page-header{flex-direction:column;gap:16px}.page-header h1{font-size:24px}.imports-table-wrapper{overflow-x:auto}.imports-table{font-size:14px}.imports-table th,.imports-table td{padding:12px 8px}}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container{width:100%;max-width:420px}.login-card{background:#fff;border-radius:12px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:32px;font-weight:700;color:#1a202c;margin-bottom:8px}.login-header p{font-size:14px;color:#718096}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#2d3748}.form-group input{padding:12px 16px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:all .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-full{width:100%;margin-top:8px}.btn-primary{background-color:#667eea;color:#fff;padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.alert{padding:12px 16px;border-radius:6px;font-size:14px}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0;text-align:center;font-size:12px;color:#718096}.login-footer p{margin:4px 0}.login-footer strong{color:#2d3748}@media(max-width:480px){.login-card{padding:32px 24px}.login-header h1{font-size:28px}}.settings-page{min-height:100vh;padding:24px;background-color:#f7fafc}.settings-container{max-width:1200px;margin:0 auto}.settings-container h1{font-size:32px;font-weight:700;color:#1a202c;margin-bottom:24px}.settings-tabs{display:flex;gap:8px;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.settings-tabs .tab{padding:12px 24px;border:none;background:none;font-size:14px;font-weight:500;color:#718096;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.settings-tabs .tab:hover{color:#4a5568}.settings-tabs .tab.active{color:#667eea;border-bottom-color:#667eea}.settings-section{background:#fff;border-radius:8px;padding:32px;box-shadow:0 1px 3px #0000001a}.settings-section h2{font-size:20px;font-weight:600;color:#1a202c;margin-bottom:8px}.section-description{font-size:14px;color:#718096;margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.password-form,.create-user-form{max-width:600px}.create-user-form{background:#f7fafc;padding:24px;border-radius:8px;margin-bottom:32px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#2d3748;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;color:#2d3748;transition:border-color .2s;background-color:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#a0aec0}.alert{padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:20px}.alert-error{background-color:#fff5f5;border:1px solid #fc8181;color:#c53030}.alert-success{background-color:#f0fff4;border:1px solid #68d391;color:#22543d}.users-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:#f7fafc;border-bottom:2px solid #e2e8f0}.users-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;color:#718096;letter-spacing:.5px}.users-table td{padding:16px;border-bottom:1px solid #e2e8f0;font-size:14px;color:#2d3748}.users-table tbody tr:hover{background-color:#f7fafc}.users-table tbody tr:last-child td{border-bottom:none}.role-badge,.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.role-admin{background-color:#fef5e7;color:#d4791f}.role-provider{background-color:#ebf8ff;color:#2c5282}.status-active{background-color:#f0fff4;color:#22543d}.status-inactive{background-color:#fff5f5;color:#c53030}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background-color:#5568d3}.btn-primary:disabled{background-color:#a0aec0;cursor:not-allowed}.btn-small{padding:6px 12px;font-size:13px}.btn-danger{background-color:#f56565;color:#fff}.btn-danger:hover:not(:disabled){background-color:#e53e3e}.btn-danger:disabled{background-color:#fc8181;cursor:not-allowed;opacity:.6}.loading{text-align:center;padding:48px;font-size:16px;color:#718096}@media(max-width:768px){.settings-page{padding:16px}.settings-container h1{font-size:24px;margin-bottom:20px}.settings-section{padding:24px 20px}.section-header{flex-direction:column;gap:16px}.password-form,.create-user-form{max-width:100%}.form-row{grid-template-columns:1fr}.users-table{font-size:13px}.users-table th,.users-table td{padding:10px 12px}}.app{min-height:100vh;width:100%;background-color:#f7fafc}.navbar{background-color:#2d3748;color:#fff;padding:16px 32px;box-shadow:0 2px 4px #0000001a}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-brand h2{font-size:24px;font-weight:700;margin-bottom:4px}.nav-subtitle{font-size:12px;color:#a0aec0}.nav-links{display:flex;list-style:none;gap:24px}.nav-links a{color:#cbd5e0;text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:#fff}.nav-user{display:flex;align-items:center;gap:16px}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-name{font-size:14px;font-weight:600;color:#fff}.user-role{font-size:11px;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px}.btn-logout{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-logout:hover{background-color:#fff3;border-color:#ffffff4d}main{min-height:calc(100vh - 64px);width:100%}