@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;color:#000000de;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.material-card{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001f,0 0 1px #0000000a;transition:box-shadow .3s ease}.material-card:hover{box-shadow:0 8px 16px #00000026,0 2px 4px #0000001f}.material-card-elevated{background:#fff;border-radius:4px;box-shadow:0 4px 8px #0000001f,0 2px 4px #00000014}.material-button{background:#1976d2;border:none;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-weight:500;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:background-color .3s ease,box-shadow .3s ease}.material-button:hover{background:#1565c0;box-shadow:0 4px 8px #0000004d}.material-button-secondary{background:#0000;border:1px solid #1976d2;color:#1976d2}.material-button-secondary:hover{background:#1976d20a}.App{background:#fafafa;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;text-align:center}.main-content{margin:0 auto;max-width:1200px;padding:16px}.loading-container{align-items:center;background:#fafafa;color:#000000de;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{border-top-color:#1976d2}.loading-container p{color:#0009;font-size:16px;font-weight:400;margin:0}.header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;color:#000000de;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 24px}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:16px}.logo{gap:12px}.logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:#1976d2;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:18px;font-weight:500;height:40px;justify-content:center;width:40px}.logo-text{color:#000000de;font-size:20px;font-weight:500;letter-spacing:0;margin:0}.dashboard-subtitle{background:#1976d214;border-radius:12px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 12px}.header-actions{gap:16px}.header-actions,.user-profile{align-items:center;display:flex}.user-profile{background:#0000;border:1px solid #e0e0e0;border-radius:20px;gap:12px;padding:8px 16px}.user-avatar{align-items:center;background:#1976d2;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.user-avatar,.user-name{font-size:14px;font-weight:500}.user-name{color:#000000de}.sign-out-btn{background:#0000;border:1px solid #1976d2;border-radius:4px;color:#1976d2;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.sign-out-btn:hover{background:#1976d20a}.header-nav{display:flex;flex:1 1;gap:8px;justify-content:center}.nav-btn{background:#0000;border:none;border-radius:4px;color:#0009;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.nav-btn:hover{background:#0000000a;color:#000000de}.nav-btn.active{background:#1976d2;box-shadow:0 2px 4px #0003;color:#fff}@media (max-width:768px){.header-content{flex-direction:column;gap:16px;padding:16px}.logo-section{flex-direction:column;gap:8px;text-align:center}.header-nav{order:2}.nav-btn{font-size:12px;padding:8px 16px}.user-profile{padding:8px 12px}.user-name{display:none}}.jobs-list{padding:24px}.jobs-grid{grid-gap:16px;display:grid;gap:16px}.job-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001f,0 0 1px #0000000a;overflow:hidden;padding:16px;position:relative;transition:box-shadow .3s ease}.job-card:hover{box-shadow:0 8px 16px #00000026,0 2px 4px #0000001f}.job-header{justify-content:space-between;margin-bottom:16px}.job-header,.job-header-right{align-items:center;display:flex}.job-header-right{gap:8px}.plan-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.plan-badge.plan-standard{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-badge.plan-plus{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 2px 8px #f5576c4d;color:#fff}.job-status{align-items:center;display:flex;gap:8px}.status-spinner{height:16px;position:relative;width:16px}.spinner-ring{animation:spin 1s linear infinite;border:2px solid #ddd;border-radius:50%;border-top-color:#4a90e2;height:100%;width:100%}.status-icon{height:16px;width:16px}.status-icon.completed{color:#10b981}.status-icon.failed{color:#ef4444}.status-icon.pending{color:#f59e0b}.status-text{color:#666;font-size:14px;font-weight:500}.job-card.completed .status-text{color:#10b981}.job-card.in_progress .status-text{color:#4a90e2}.job-card.failed .status-text{color:#ef4444}.job-card.pending .status-text{color:#f59e0b}.job-id{background:#f5f5f5;border-radius:4px;color:#0009;font-family:Roboto Mono,monospace;font-size:12px;font-weight:400;padding:4px 8px}.job-content{space-y:16px}.job-email{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:10px;margin-bottom:16px;padding:12px}.email-icon{color:#0009;flex-shrink:0;height:16px;width:16px}.email-address{color:#000000de;font-size:14px;font-weight:400;word-break:break-all}.job-details{display:flex;flex-direction:column;gap:8px}.detail-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.detail-label{color:#0009;font-weight:400}.detail-value{color:#000000de;font-weight:500}.detail-value.highlight{color:#1976d2;font-weight:500}.contacts-found{border-top:1px solid #0000000d;margin-top:8px;padding-top:8px}.download-section{border-top:1px solid #0000000d;margin-top:16px;padding-top:16px}.download-buttons{display:flex;gap:8px}.download-btn{align-items:center;background:#0000;border:1px solid #1976d2;border-radius:4px;color:#1976d2;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:background-color .3s ease}.download-btn:hover{background:#1976d20a}.download-btn svg{height:14px;width:14px}.progress-section{border-top:1px solid #0000000d;margin-top:16px;padding-top:16px}.cancel-btn{align-items:center;background:#0000;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;letter-spacing:.5px;margin-top:12px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease;width:100%}.cancel-btn:hover{background:#ef4444;color:#fff}.cancel-btn svg{stroke-width:2;height:14px;width:14px}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-text{color:#0009;font-size:13px;font-weight:400}.progress-percentage{color:#1976d2;font-family:Roboto Mono,monospace;font-size:13px;font-weight:600}.progress-bar{background-color:#0000000d;height:6px;overflow:hidden}.progress-bar,.progress-fill{border-radius:3px;position:relative}.progress-fill{background:linear-gradient(90deg,#1976d2,#42a5f5);height:100%;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.empty-state{padding:60px 20px;text-align:center}.empty-icon{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.empty-icon svg{color:#0009;height:32px;width:32px}.empty-title{color:#000000de;font-size:18px;font-weight:500;margin-bottom:8px}.empty-description{color:#0009;font-size:14px;line-height:1.5;margin:0 auto;max-width:400px}@media (max-width:768px){.job-card,.jobs-list{padding:16px}.job-header{align-items:flex-start;flex-direction:column;gap:8px}.job-details{gap:6px}.detail-item{align-items:flex-start;gap:2px}.detail-item,.download-buttons{flex-direction:column}.download-btn{justify-content:center}.progress-info,.progress-percentage,.progress-text{font-size:12px}}.contact-rescue{padding-top:32px}.section-header{margin-bottom:32px;text-align:left}.section-title{color:#333;font-size:32px;font-weight:700;margin-bottom:8px;text-shadow:1px 1px 2px #fffc}.section-description{color:#666;font-size:16px;line-height:1.5;max-width:600px}.dashboard-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:400px 1fr}.dashboard-sidebar{display:flex;flex-direction:column;gap:24px}.dashboard-main{min-height:600px}.stat-card{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001f;padding:24px;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 8px #00000026}.stats-title{color:#333;font-size:18px;font-weight:600;margin-bottom:20px;text-shadow:1px 1px 2px #fffc}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.stat-item{background-color:#e0e0e0;border-radius:12px;box-shadow:inset 4px 4px 8px #c5c5c5,inset -4px -4px 8px #fbfbfb;padding:16px;text-align:center}.stat-card .stat-number{color:#1976d2;font-size:32px;font-weight:700;margin-bottom:8px}.stat-card .stat-label{color:#0009;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.jobs-section{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001f;overflow:hidden}.jobs-header{border-bottom:1px solid #0000001f;padding:24px 24px 0}.jobs-header h2{color:#000000de;font-size:20px;font-weight:500;margin-bottom:16px}.jobs-tabs{display:flex;gap:4px;margin-bottom:24px}.tab-button{background-color:initial;border:none;border-radius:4px;color:#0009;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.tab-button:hover{background-color:#1976d214;color:#1976d2}.tab-button.active{background-color:#1976d21f;color:#1976d2;font-weight:600}.tab-button.active:hover{background-color:#1976d229}.contact-rescue .rescue-form-container{background-color:#fff!important;border-radius:4px;box-shadow:0 2px 4px #0000001f;margin-bottom:32px;padding:24px}.contact-rescue .rescue-form-container h2{color:#000000de!important;font-size:20px;font-weight:500;margin-bottom:24px}.contact-rescue .form-group{margin-bottom:20px}.contact-rescue .email-input{background-color:#fff!important;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px;box-shadow:0 2px 4px #0000001f;color:#333!important;font-size:16px;padding:16px;transition:all .2s ease;width:100%}.contact-rescue .email-input::placeholder{color:#999!important;opacity:1!important}.contact-rescue .email-input:focus{background-color:#fff!important;border-color:#1976d2!important;box-shadow:0 4px 8px #1976d226;color:#333!important;outline:none}.contact-rescue .email-input.error{border-color:#d32f2f!important}.launch-button{background-color:#1976d2;border:none;border-radius:4px;box-shadow:0 4px 8px #1976d24d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;padding:16px 32px;text-transform:uppercase;transition:all .2s ease}.launch-button:hover{background-color:#1565c0;box-shadow:0 6px 12px #1976d266}.launch-button:disabled{background-color:#0000001f;box-shadow:none;color:#00000042;cursor:not-allowed}.error-message.global-error{background-color:#ffebee;border-left:4px solid #d32f2f}.plan-selection{margin-bottom:20px}.plan-label{display:block;margin-bottom:12px}.plan-options{display:flex;gap:16px}.plan-option{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001f;cursor:pointer;display:flex;flex:1 1;padding:16px;transition:all .2s ease}.plan-option:hover{border-color:#1976d2;box-shadow:0 4px 8px #00000026}.plan-option.selected{background-color:#1976d2;border-color:#1976d2;box-shadow:0 4px 8px #1976d24d;color:#fff}.plan-option input[type=radio]{display:none}.plan-details{display:flex;flex-direction:column;gap:4px}.plan-name{color:#000000de;font-size:14px;font-weight:500}.plan-option.selected .plan-name{color:#fff}.plan-description{color:#0009;font-size:12px}.plan-option.selected .plan-description{color:#ffffffe6}@media (max-width:768px){.plan-options{flex-direction:column;gap:12px}}@media (max-width:1200px){.dashboard-grid{gap:24px;grid-template-columns:1fr}.dashboard-sidebar{order:2}.dashboard-main{order:1}}@media (max-width:768px){.contact-rescue{padding-top:24px}.section-title{font-size:28px}.section-description{font-size:14px}.stats-grid{gap:12px;grid-template-columns:1fr}.jobs-tabs{flex-direction:column;gap:8px}.tab-button{text-align:left;width:100%}}.users-container{margin:0 auto;max-width:1200px;padding:24px}.users-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.users-header h2{color:#000000de;font-size:28px;font-weight:500;letter-spacing:0;margin:0}.users-stats{background:#f5f5f5;border-radius:4px;box-shadow:none;color:#0009;font-size:14px;font-weight:500;padding:12px 20px}.add-user-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.add-user-section h3{color:#000000de;font-size:18px;font-weight:500;margin-bottom:16px}.add-user-form{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.add-user-form .form-group{flex:1 1;min-width:300px}.add-user-form .email-input{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:none;color:#000000de;font-size:16px;font-weight:400;padding:16px;transition:border-color .3s ease;width:100%}.add-user-form .email-input::placeholder{color:#0009}.add-user-form .email-input:focus{border-color:#1976d2;outline:none}.add-user-form .email-input.error{border-color:#d32f2f}.add-user-button{background:#1976d2;border:none;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase;transition:background-color .3s ease,box-shadow .3s ease;white-space:nowrap}.add-user-button:hover:not(:disabled){background:#1565c0;box-shadow:0 4px 8px #0000004d}.add-user-button:disabled{cursor:not-allowed;opacity:.6}.add-user-button.loading{background:#999}.error-message{align-items:center;display:flex;font-size:14px;gap:8px;margin-top:8px}.error-message.global-error{background:#d32f2f14;border:1px solid #d32f2f33;border-radius:4px;margin-top:16px;padding:16px}.search-section{margin-bottom:24px}.search-box{max-width:400px;position:relative}.search-input{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:none;font-size:16px;padding:16px 16px 16px 48px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#1976d2;outline:none}.search-icon{color:#0009;font-size:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.users-list{min-height:400px}.users-table{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.users-table-header{background:#f5f5f5;border-bottom:1px solid #e0e0e0;color:#000000de;display:flex;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.header-cell{border-right:1px solid #e0e0e0;padding:16px 20px}.header-cell:last-child{border-right:none}.header-user{flex:2 1;min-width:200px}.header-email{flex:2 1;min-width:250px}.header-joined{flex:1 1;min-width:120px}.header-status{flex:1 1;min-width:100px}.user-row{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;transition:background-color .2s ease}.user-row:hover{background-color:#f9f9f9}.user-row:last-child{border-bottom:none}.user-cell{border-right:1px solid #f0f0f0;padding:16px 20px}.user-cell:last-child{border-right:none}.user-info-cell{align-items:center;display:flex;flex:2 1;gap:12px;min-width:200px}.user-email-cell{flex:2 1;min-width:250px}.user-joined-cell{flex:1 1;min-width:120px}.user-status-cell{flex:1 1;min-width:100px}.user-avatar-small{align-items:center;background:#1976d2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:36px;justify-content:center;width:36px}.user-basic-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name-list{color:#000000de;font-size:14px;font-weight:500}.user-id-list,.user-name-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-id-list{color:#0009;font-family:Roboto Mono,monospace;font-size:12px}.user-email-list{color:#000000de;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-date-list{color:#0009;font-size:12px}.status-badge{border-radius:12px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.active{background:#4caf501a;color:#4caf50}.status-badge.inactive{background:#f443361a;color:#f44336}.status-badge.pending{background:#ffc1071a;color:#ff9800}.error-container,.loading-container,.no-users{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:48px;text-align:center}.retry-btn{box-shadow:0 2px 4px #0003;transition:background-color .3s ease,box-shadow .3s ease}.retry-btn:hover{box-shadow:0 4px 8px #0000004d}@media (max-width:768px){.users-container{padding:16px}.users-header{flex-direction:column;gap:16px;text-align:center}.users-header h2{font-size:24px}.users-table{overflow-x:auto}.user-row,.users-table-header{min-width:600px}.search-box{max-width:none}.add-user-form{flex-direction:column}.add-user-form .form-group{min-width:auto}}.user-detail-container{margin:0 auto;max-width:1200px;padding:24px}.user-detail-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:24px;margin-bottom:24px;padding-bottom:16px}.back-button{align-items:center;background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .3s ease}.back-button:hover{background:#1565c0}.user-detail-header h2{color:#000000de;font-size:28px;font-weight:500;margin:0}.user-info-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;gap:24px;margin-bottom:32px;padding:32px}.user-avatar-large{align-items:center;background:#1976d2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:28px;font-weight:500;height:80px;justify-content:center;width:80px}.user-details{flex:1 1}.user-email-large{color:#000000de;font-size:24px;font-weight:500;margin:0 0 12px;word-break:break-word}.user-name-large{color:#0009;font-size:16px;font-weight:400;margin:0 0 8px}.user-id-large{background:#f5f5f5;border-radius:4px;color:#0009;display:inline-block;font-family:Roboto Mono,monospace;font-size:14px;margin:0 0 12px;padding:6px 12px}.user-date-large{color:#0009;font-size:14px;margin:6px 0}.user-status-large{align-self:flex-start}.contacts-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.contacts-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.contacts-header h3{color:#000000de;font-size:20px;font-weight:500;margin:0}.contacts-header-actions{align-items:center;display:flex;gap:16px}.contacts-count{background:#1976d2;border-radius:4px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.export-csv-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:normal;padding:10px 16px;text-transform:none;transition:all .2s ease}.export-csv-btn:hover{background:linear-gradient(135deg,#229954,#27ae60);box-shadow:0 4px 12px #2ecc714d;transform:translateY(-1px)}.export-csv-btn:active{transform:translateY(0)}.contacts-list{max-height:600px;overflow-y:auto}.contact-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:16px;padding:20px 24px;transition:background-color .2s ease}.contact-item:hover{background:#fafafa}.contact-item:last-child{border-bottom:none}.contact-avatar{flex-shrink:0}.contact-photo{border:2px solid #e0e0e0;border-radius:50%;height:50px;object-fit:cover;width:50px}.contact-initials{align-items:center;background:#6b73ff;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:50px;justify-content:center;width:50px}.contact-info{flex:1 1}.contact-name{color:#000000de;font-size:16px;font-weight:500;margin:0 0 8px}.contact-email{color:#1976d2;font-size:14px;margin:4px 0;word-break:break-word}.contact-company,.contact-phone{color:#0009;font-size:14px;margin:4px 0}.contact-company{font-weight:500}.contact-meta{flex-shrink:0;margin-left:20px;text-align:right}.contact-date{color:#0009;font-size:12px;margin:0 0 4px}.contact-source{background:#f0f0f0;border-radius:2px;color:#0009;display:inline-block;font-size:12px;margin:0;padding:2px 6px}.no-contacts{color:#0009;font-size:16px;padding:48px 24px;text-align:center}.error-container,.loading-container{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:48px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #1976d233;border-left-color:#1976d2;border-radius:50%;height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{color:#d32f2f;font-size:16px;margin-bottom:16px}.retry-btn{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:background-color .3s ease}.retry-btn:hover{background:#1565c0}.plan-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-bottom:32px;padding:24px 32px}.plan-section h3{color:#000000de;font-size:20px;font-weight:500;margin:0 0 20px}.plan-info{display:flex;flex-direction:column;gap:20px}.current-plan{align-items:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:16px;padding:16px}.plan-label{color:#000000de;min-width:120px}.plan-badge,.plan-label{font-size:14px;font-weight:500}.plan-badge{border-radius:4px;letter-spacing:.5px;min-width:140px;padding:8px 16px;text-align:center;text-transform:uppercase}.plan-badge.plan-0{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.plan-badge.plan-1{background:#e3f2fd;border:1px solid #90caf9;color:#1976d2}.plan-badge.plan-2{background:#e8f5e8;border:1px solid #a5d6a7;color:#388e3c}.plan-badge.plan-3{background:#fff3e0;border:1px solid #ffcc02;color:#f57c00}.plan-form{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.plan-form label{font-weight:500;min-width:120px}.plan-form label,.plan-select{color:#000000de;font-size:14px}.plan-select{background:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;min-width:200px;padding:12px 16px;transition:border-color .3s ease}.plan-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.plan-select:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.updating-text{color:#1976d2;font-size:14px;font-style:italic;font-weight:500}@media (max-width:768px){.user-detail-container{padding:16px}.user-info-card{flex-direction:column;padding:24px;text-align:center}.user-avatar-large{font-size:22px;height:60px;width:60px}.contact-item{flex-direction:column;gap:12px}.contact-meta{margin-left:0;text-align:left}.contacts-header{flex-direction:column;gap:12px;text-align:center}.contacts-header-actions{flex-direction:column;gap:10px}.plan-section{padding:20px}.plan-form{align-items:stretch;flex-direction:column;gap:12px}.plan-form label{min-width:auto;text-align:left}.current-plan{align-items:stretch;flex-direction:column;gap:12px;text-align:center}.plan-label{min-width:auto;text-align:left}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.auth-container:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c626 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px #00000026,0 15px 30px #00000014,inset 0 1px 0 #ffffff4d;max-width:450px;padding:3rem;position:relative;width:100%;z-index:1}.auth-card h2{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.02em;margin-bottom:2rem;text-align:center;text-shadow:0 4px 8px #0003}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#ffffffe6;font-size:15px;font-weight:600;text-shadow:0 2px 4px #0000001a}.form-group input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #fff3;border-radius:16px;box-shadow:0 4px 12px #0000001a,inset 0 1px 0 #fff3;color:#fff;font-size:16px;font-weight:500;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder{color:#fff9}.form-group input:focus{border-color:#fff6;box-shadow:0 8px 25px #00000026,0 0 0 4px #ffffff1a,inset 0 1px 0 #ffffff4d;outline:none;transform:translateY(-2px)}.auth-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000026,inset 0 1px 0 #fff6;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:1rem;overflow:hidden;padding:1rem;position:relative;text-shadow:0 2px 4px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-button:hover:not(:disabled){box-shadow:0 15px 35px #0003,inset 0 1px 0 #ffffff80;transform:translateY(-3px)}.auth-button:hover:not(:disabled):before{left:100%}.auth-button:disabled{cursor:not-allowed;opacity:.7}.message{border-radius:8px;font-size:14px;margin-top:20px;padding:12px;text-align:center}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.auth-switch{color:#666;font-size:14px;margin-top:25px;text-align:center}.switch-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline}.switch-button:hover{color:#764ba2}
/*# sourceMappingURL=main.6d4dcd6e.css.map*/