.dashboard-wrapper{background-color:#10109e;min-height:100vh;padding:40px 20px}.dashboard-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;margin:0 auto;max-width:1400px;overflow:hidden}.dashboard-header{background:linear-gradient(135deg,#09095b,#1e40af);color:#fff;overflow:hidden;padding:40px 50px;position:relative}.dashboard-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:400px;position:absolute;right:-10%;top:-50%;width:400px}.dashboard-header-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.dashboard-title-section h1{font-size:2.5rem;font-weight:700;margin:0 0 8px}.dashboard-subtitle{font-size:1.1rem;margin:0;opacity:.9}.dashboard-user-badge{display:flex;gap:12px}.badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff4d;border-radius:50px;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px}.badge-free{background:#fff3}.badge-pro{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 15px #fbbf244d}.badge-business{box-shadow:0 4px 15px #8b5cf64d}.badge-admin{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.dashboard-tabs{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;gap:8px;overflow-x:auto;padding:0 50px}.dashboard-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:20px 28px;transition:all .3s ease;white-space:nowrap}.dashboard-tab:hover{background:#3b82f60d;color:#3b82f6}.dashboard-tab.active{background:#fff;border-bottom-color:#10109e;color:#10109e}.tab-icon{font-size:1.3rem}.tab-label{font-size:1rem}.dashboard-content{min-height:500px;padding:50px}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner-large{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#10109e;height:60px;width:60px}.dashboard-loading p{color:#64748b;font-size:1.1rem;margin:0}@media (max-width:1200px){.dashboard-content{padding:40px 30px}}@media (max-width:768px){.dashboard-wrapper{padding:20px 10px}.dashboard-container{border-radius:12px}.dashboard-header{padding:30px 24px}.dashboard-header-content{align-items:flex-start;flex-direction:column;gap:20px}.dashboard-title-section h1{font-size:1.8rem}.dashboard-subtitle{font-size:1rem}.dashboard-tabs{padding:0 20px}.dashboard-tab{font-size:.9rem;padding:16px 20px}.tab-icon{font-size:1.1rem}.tab-label{display:none}.dashboard-content{padding:24px 20px}}@media (max-width:480px){.dashboard-title-section h1{font-size:1.5rem}.badge{font-size:.85rem;padding:8px 16px}.dashboard-tab{padding:12px 16px}}.analytics-container{display:flex;flex-direction:column;gap:32px}.analytics-metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 20px #0000000f;display:flex;gap:20px;padding:28px;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-4px)}.metric-card.metric-primary{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#3b82f6}.metric-card.metric-success{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#10b981}.metric-card.metric-warning{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#f59e0b}.metric-card.metric-info{background:linear-gradient(135deg,#f5f3ff,#fff);border-color:#8b5cf6}.metric-icon{flex-shrink:0;font-size:3rem}.metric-content{flex:1 1}.metric-content h3{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.metric-value{color:#1e293b;font-size:2.5rem;font-weight:700;line-height:1;margin:0 0 4px}.metric-label{color:#94a3b8;font-size:.85rem}.analytics-charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:32px}.chart-header{margin-bottom:28px}.chart-header h3{color:#1e293b;font-size:1.3rem;font-weight:700;margin:0 0 6px}.chart-header p{color:#64748b;font-size:.9rem;margin:0}.chart-content,.chart-empty{min-height:300px}.chart-empty{align-items:center;color:#94a3b8;display:flex;font-size:1.1rem;justify-content:center}.bar-chart{gap:16px}.bar-chart,.bar-item{display:flex;flex-direction:column}.bar-item{gap:8px}.bar-label{align-items:center;color:#475569;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between}.bar-value{color:#3b82f6;font-weight:700}.bar-wrapper{background:#f1f5f9;border-radius:8px;height:12px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:8px;height:100%;transition:width .6s ease}.timeline-chart{align-items:flex-end;display:flex;gap:12px;height:280px;justify-content:space-around;padding:20px 0}.timeline-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px}.timeline-bar-wrapper{align-items:flex-end;display:flex;flex:1 1;justify-content:center;width:100%}.timeline-bar{background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:8px 8px 0 0;box-shadow:0 4px 12px #3b82f64d;cursor:pointer;max-width:50px;min-height:20px;position:relative;transition:height .6s ease;width:60%}.timeline-bar:hover{filter:brightness(1.1)}.timeline-value{color:#1e293b;font-size:.85rem;font-weight:700;left:50%;position:absolute;top:-24px;transform:translateX(-50%);white-space:nowrap}.timeline-label{color:#64748b;font-size:.8rem;font-weight:600;text-align:center}.analytics-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;display:flex;gap:16px;padding:24px}.stat-card:hover{border-color:#3b82f6;box-shadow:0 4px 15px #3b82f61a}.stat-icon{font-size:2.2rem}.stat-content h4{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.stat-value{color:#1e293b;font-size:1.4rem;margin:0}.analytics-empty-state{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e1;border-radius:20px;padding:60px 40px;text-align:center}.analytics-empty-state h3{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0 0 12px}.analytics-empty-state p{color:#64748b;font-size:1.1rem;margin:0 auto 32px;max-width:500px}.empty-cta{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 6px 20px #3b82f666;color:#fff;display:inline-block;font-size:1.05rem;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .3s ease}.empty-cta:hover{box-shadow:0 10px 30px #3b82f680;transform:translateY(-2px)}@media (max-width:1024px){.analytics-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.analytics-metrics-grid{grid-template-columns:1fr}.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}.metric-card{padding:20px}.metric-value{font-size:2rem}.chart-card{padding:24px 20px}}@media (max-width:480px){.analytics-stats-grid{grid-template-columns:1fr}.timeline-chart{height:220px}.analytics-empty-state{padding:40px 24px}.empty-icon{font-size:3.5rem}}.profile-container{margin:0 auto;max-width:800px}.profile-header{align-items:center;background:linear-gradient(135deg,#10109e,#1e40af);border-radius:16px;color:#fff;display:flex;gap:24px;margin-bottom:32px;padding:32px}.profile-avatar{flex-shrink:0}.avatar-circle{align-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 20px #0003;color:#fff;display:flex;font-size:3rem;font-weight:700;height:100px;justify-content:center;width:100px}.profile-header-info h2{font-size:2rem;font-weight:700;margin:0 0 8px}.profile-email{font-size:1.1rem;margin:0;opacity:.9}.profile-message{align-items:center;animation:slideIn .3s ease;border-radius:12px;display:flex;font-weight:600;gap:12px;margin-bottom:24px;padding:16px 20px}.profile-message.success{background:#ecfdf5;border:2px solid #10b981;color:#059669}.profile-message.error{background:#fef2f2;border:2px solid #ef4444;color:#dc2626}.profile-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;padding:32px}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.form-section h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.3rem;font-weight:700;margin:0 0 20px;padding-bottom:12px}.form-group{margin-bottom:20px}.form-group label{color:#475569;display:block}.form-group input{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.form-group input:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.form-checkbox{align-items:flex-start;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.form-checkbox:has(input:checked){background:#eff6ff;border-color:#3b82f6}.form-checkbox input[type=checkbox]{cursor:pointer;height:20px;margin-top:2px;width:20px}.form-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.form-checkbox label{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px}.form-checkbox label strong{color:#1e293b;font-size:1rem}.form-checkbox label span{color:#64748b;font-size:.85rem}.profile-actions{border-top:2px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-cancel,.btn-edit,.btn-save{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f666;color:#fff}.btn-edit:hover{box-shadow:0 6px 20px #3b82f680;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98166;color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.7}.btn-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#475569}.btn-cancel:hover:not(:disabled){background:#e2e8f0}.profile-info-box{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:16px;padding:28px}.profile-info-box h4{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0 0 20px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:6px}.info-label{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1e293b;font-size:1.1rem;font-weight:600}@media (max-width:768px){.profile-header{flex-direction:column;padding:24px;text-align:center}.avatar-circle{font-size:2.5rem;height:80px;width:80px}.profile-header-info h2{font-size:1.6rem}.profile-form{padding:24px 20px}.form-row{grid-template-columns:1fr}.profile-actions{flex-direction:column-reverse}.btn-cancel,.btn-edit,.btn-save{justify-content:center;width:100%}.info-grid{grid-template-columns:1fr}}.history-container{margin:0 auto;max-width:1400px}.history-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.history-title-section h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 8px}.history-title-section p{color:#64748b;font-size:1rem;margin:0}.history-actions{display:flex;gap:12px}.btn-bulk-delete,.btn-refresh{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-refresh{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f64d}.btn-refresh:hover{box-shadow:0 6px 20px #3b82f666}.refresh-icon{display:inline-block;transition:transform .5s ease}.btn-refresh:hover .refresh-icon{transform:rotate(180deg)}.btn-bulk-delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d;color:#fff}.btn-bulk-delete:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.history-filters{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;padding:24px}.filter-search{margin-bottom:16px}.history-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.history-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden}.history-table{border-collapse:collapse;width:100%}.history-table thead{background:linear-gradient(135deg,#10109e,#1e40af);color:#fff}.history-table thead th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.history-table thead th:first-child{text-align:center;width:40px}.history-table thead th:last-child{text-align:center;width:120px}.history-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.history-table tbody tr:hover{background:#f8fafc}.history-table tbody tr.selected{background:#eff6ff}.history-table tbody td{color:#475569;font-size:.95rem;padding:16px 12px}.history-table tbody td:first-child,.history-table tbody td:last-child{text-align:center}.qr-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.qr-type-badge,.status-badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px}.status-active{background:#ecfdf5;color:#059669}.status-inactive{background:#fef3c7;color:#d97706}.status-expired{background:#fee2e2;color:#dc2626}.qr-content{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-actions{display:flex;gap:8px;justify-content:center}.btn-download{background:#eff6ff;color:#3b82f6}.btn-download:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.history-empty{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:80px 20px;text-align:center}.history-empty h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 12px}.history-empty p{color:#64748b;font-size:1rem;margin:0}.modal-content h3{margin:0 0 16px}.modal-qr-info{background:#f8fafc;border-radius:10px;color:#475569;font-size:.95rem;line-height:1.8;margin-bottom:24px;padding:16px}.btn-modal-cancel:hover{background:#e2e8f0}.btn-modal-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d}.btn-modal-confirm:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}@media (max-width:1024px){.filter-selects{grid-template-columns:1fr 1fr}.history-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.history-actions,.history-header{flex-direction:column}.history-actions{width:100%}.btn-bulk-delete,.btn-refresh{justify-content:center;width:100%}.filter-selects{grid-template-columns:1fr}.history-stats{grid-template-columns:1fr 1fr}.history-table-container{overflow-x:auto}.history-table{min-width:800px}}@media (max-width:480px){.history-stats{grid-template-columns:1fr}.modal-content{padding:24px 20px}.modal-actions{flex-direction:column-reverse}.btn-modal-cancel,.btn-modal-confirm{width:100%}}.users-container{margin:0 auto;max-width:1400px}.users-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.users-title-section h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 8px}.users-title-section p{color:#64748b;font-size:1rem;margin:0}.btn-create,.btn-refresh{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.btn-create:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-refresh{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe4d;color:#fff}.btn-refresh:hover{box-shadow:0 6px 20px #4facfe66;transform:translateY(-2px)}.btn-refresh:hover .refresh-icon{animation:spin .5s ease}.users-message{align-items:center;animation:slideIn .3s ease;border-radius:12px;display:flex;font-weight:600;gap:12px;margin-bottom:24px;padding:16px 20px}.users-message.success{background:#ecfdf5;border:2px solid #10b981;color:#059669}.users-message.error{background:#fef2f2;border:2px solid #ef4444;color:#dc2626}.users-filters{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;padding:24px}.filter-search input{border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;margin-bottom:16px;padding:14px 16px;transition:all .3s ease;width:100%}.filter-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.filter-selects{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.filter-selects select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:.95rem;padding:12px 14px;transition:all .3s ease}.filter-selects select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.users-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.stat-card{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.stat-value{color:#10109e;display:block;font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{color:#64748b;display:block;font-size:.85rem;font-weight:600}.users-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,#10109e,#1e40af);color:#fff}.users-table thead th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.users-table thead th:last-child{text-align:center;width:120px}.users-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.users-table tbody tr:hover{background:#f8fafc}.users-table tbody td{color:#475569;font-size:.95rem;padding:16px 12px}.users-table tbody td:last-child{text-align:center}.user-info{align-items:center;display:flex;gap:12px}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);font-size:1.2rem;height:40px;width:40px}.user-details{display:flex;flex-direction:column;gap:4px}.user-details strong{align-items:center;color:#1e293b;display:flex;font-size:1rem;gap:8px}.you-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 6px #667eea4d;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.current-user-row{background:linear-gradient(90deg,#667eea0d,#764ba20d);border-left:4px solid #667eea}.current-user-row:hover{background:linear-gradient(90deg,#667eea14,#764ba214)}.user-phone{color:#64748b;font-size:.85rem}.role-badge,.subscription-badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px}.badge-admin{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.badge-user{background:#e0e7ff;color:#4f46e5}.badge-free{background:#f1f5f9;color:#64748b}.badge-pro{background:linear-gradient(135deg,#06b6d4,#0284c7)}.badge-business{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.user-actions{gap:8px}.btn-action,.user-actions{display:flex;justify-content:center}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:1.2rem;height:36px;transition:all .3s ease;width:36px}.btn-edit{background:#dbeafe;color:#2563eb}.btn-edit:hover{background:#2563eb;color:#fff}.btn-delete:hover,.btn-edit:hover{transform:scale(1.1)}.users-empty{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:80px 20px;text-align:center}.users-empty h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 12px}.users-empty p{color:#64748b;font-size:1rem;margin:0}.modal-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.modal-form input,.modal-form select{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 14px;transition:all .3s ease;width:100%}.modal-form input:focus,.modal-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}@media (max-width:1200px){.users-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.filter-selects{grid-template-columns:1fr 1fr}}@media (max-width:768px){.users-header{flex-direction:column}.filter-selects{grid-template-columns:1fr}.users-stats{grid-template-columns:repeat(2,1fr)}.users-table-container{overflow-x:auto}.users-table{min-width:900px}.modal-actions{flex-direction:column-reverse}.btn-modal-cancel,.btn-modal-confirm{justify-content:center;width:100%}}@media (max-width:480px){.users-stats{grid-template-columns:1fr}.modal-content{padding:24px 20px}}.business-users-container{margin:0 auto;max-width:1400px}.business-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.business-title-section h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 8px}.business-title-section p{color:#64748b;font-size:1rem;margin:0}.business-actions{display:flex;gap:12px}.btn-create{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 14px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-create:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-create:disabled{cursor:not-allowed;opacity:.6;transform:none}.business-message{align-items:center;animation:slideIn .3s ease;border-radius:12px;display:flex;font-weight:600;gap:12px;margin-bottom:24px;padding:16px 20px}.business-message.success{background:#ecfdf5;border:2px solid #10b981;color:#059669}.business-message.error{background:#fef2f2;border:2px solid #ef4444;color:#dc2626}.business-limit{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;padding:24px}.limit-progress{background:#e2e8f0;border-radius:10px;height:12px;margin-bottom:12px;overflow:hidden;width:100%}.limit-bar{background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:10px;height:100%;transition:width .5s ease}.limit-text{color:#64748b;font-size:1rem;text-align:center}.limit-text strong{color:#10109e;font-weight:700}.business-search{margin-bottom:24px}.business-search input{border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}.business-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.business-empty{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:80px 20px;text-align:center}.empty-icon{font-size:5rem;margin-bottom:20px}.business-empty h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 12px}.business-empty p{color:#64748b;font-size:1rem;margin:0 0 24px}.btn-create-large{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 14px #10b9814d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.btn-create-large:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.business-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.business-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:24px;transition:all .3s ease}.business-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-4px)}.card-header{border-bottom:2px solid #e2e8f0;gap:16px;margin-bottom:20px;padding-bottom:20px}.card-header,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.8rem;font-weight:700;height:60px;justify-content:center;width:60px}.user-info h4{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0 0 6px}.user-email{color:#64748b;font-size:.9rem;margin:0}.card-details{margin-bottom:20px}.detail-item{align-items:center;color:#475569;display:flex;font-size:.95rem;gap:10px;padding:10px 0}.detail-icon{font-size:1.2rem}.card-actions{display:flex;gap:10px}.btn-card-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s ease}.btn-reset{background:#dbeafe;color:#2563eb}.btn-reset:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}.btn-delete{background:#fee2e2;color:#ef4444}.btn-delete:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.modal-overlay{animation:fadeIn .3s ease;background:#00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:90%}.modal-content h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 24px}.modal-content p{color:#64748b;font-size:1rem;margin:0 0 20px}.modal-form{margin-bottom:24px}.modal-form .form-group{margin-bottom:16px}.modal-form .form-group:last-child{margin-bottom:0}.modal-form label{color:#475569;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.required{color:#ef4444;font-weight:700}.modal-form input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 14px;transition:all .3s ease;width:100%}.modal-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.modal-user-info{background:#f8fafc;border-radius:10px;color:#475569;font-size:.95rem;line-height:1.8;margin-bottom:16px;padding:16px}.warning-text{background:#fef2f2;border-radius:8px;color:#dc2626;font-size:.9rem;font-weight:600;margin:16px 0;padding:12px}.modal-actions{gap:12px}.btn-modal-cancel,.btn-modal-confirm{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-modal-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#475569}.btn-modal-cancel:hover:not(:disabled){background:#e2e8f0}.btn-modal-confirm{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b9814d;color:#fff}.btn-modal-confirm:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-modal-confirm.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d}.btn-modal-confirm.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px #ef444466}.btn-modal-cancel:disabled,.btn-modal-confirm:disabled{cursor:not-allowed;opacity:.7}.btn-spinner{border:2px solid #ffffff4d;height:16px;width:16px}@media (max-width:1024px){.business-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.business-actions,.business-header{flex-direction:column}.business-actions{width:100%}.btn-create,.btn-refresh{justify-content:center;width:100%}.business-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.btn-modal-cancel,.btn-modal-confirm{justify-content:center;width:100%}}@media (max-width:480px){.modal-content{padding:24px 20px}.card-actions{flex-direction:column}.btn-card-action{width:100%}}.auth-panel-wrapper{align-items:center;background-color:#10109e;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.auth-panel-wrapper:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-panel-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:grid;grid-template-columns:1fr 1fr;max-width:1100px;overflow:hidden;position:relative;width:100%;z-index:1}.auth-panel-left{align-items:center;background:linear-gradient(135deg,#1e3a8a,#1e40af 50%,#3b82f6);color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:60px 50px;position:relative;text-align:center}.auth-panel-left:before{animation:pulse 15s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.auth-brand-logo{height:auto;margin-bottom:30px;position:relative;width:400px;z-index:1}.auth-brand-title{font-size:32px;font-weight:800;line-height:1.2;margin:0 0 16px;position:relative;z-index:1}.auth-brand-subtitle{font-size:16px;font-weight:400;line-height:1.6;margin:0 0 40px;opacity:.9}.auth-brand-features,.auth-brand-subtitle{max-width:320px;position:relative;z-index:1}.auth-brand-features{align-items:flex-start;display:flex;flex-direction:column;gap:16px;width:100%}.auth-feature-item{align-items:center;display:flex;font-size:14px;gap:12px;opacity:.95}.auth-feature-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;width:24px}.auth-panel-right{display:flex;flex-direction:column;justify-content:center;padding:60px 50px}.auth-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:8px;margin-bottom:36px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.auth-tab:hover{color:#334155}.auth-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#1e40af}.auth-form-container{display:flex;flex-direction:column;gap:20px}.auth-form-title{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.auth-form-subtitle{color:#64748b;font-size:14px;margin:0 0 24px}.auth-input-group{display:flex;flex-direction:column;gap:8px}.auth-input-label{color:#475569;font-size:13px;font-weight:600;margin-bottom:4px}.auth-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1e293b;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.auth-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.auth-input::placeholder{color:#94a3b8}.auth-checkbox-group{align-items:flex-start;display:flex;gap:10px;margin:8px 0}.auth-checkbox{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.auth-checkbox-label{color:#475569;cursor:pointer;font-size:13px;line-height:1.5;-webkit-user-select:none;user-select:none}.auth-checkbox-label a{color:#3b82f6;font-weight:600;text-decoration:none}.auth-checkbox-label a:hover{text-decoration:underline}.auth-captcha-group{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:16px}.auth-captcha-question{color:#334155;font-size:15px;font-weight:600}.auth-captcha-input{background:#fff;border:2px solid #cbd5e1;border-radius:8px;font-size:15px;font-weight:600;padding:10px 12px;text-align:center;width:70px}.auth-captcha-input:focus{border-color:#3b82f6;outline:none}.auth-button{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;margin-top:8px;padding:15px 24px;transition:all .3s ease;width:100%}.auth-button-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f666;color:#fff}.auth-button-primary:hover{box-shadow:0 6px 20px #3b82f680;transform:translateY(-2px)}.auth-button-primary:active{transform:translateY(0)}.auth-divider{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:500;gap:16px;margin:24px 0}.auth-divider:after,.auth-divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.auth-button-google{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:13px 24px;transition:all .2s ease;width:100%}.auth-button-google:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.auth-button-google svg{height:20px;width:20px}.auth-message{border-radius:8px;font-size:14px;font-weight:500;margin:12px 0;padding:12px 16px}.auth-message.error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.auth-message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#059669}.auth-footer-text{color:#64748b;font-size:13px;margin-top:20px;text-align:center}.auth-footer-text a{color:#3b82f6;font-weight:600;text-decoration:none}.auth-footer-text a:hover{text-decoration:underline}@media (max-width:968px){.auth-panel-container{grid-template-columns:1fr;max-width:500px}.auth-panel-left{display:none}.auth-panel-right{padding:40px 30px}}@media (max-width:480px){.auth-panel-wrapper{padding:20px 16px}.auth-panel-right{padding:32px 24px}.auth-form-title{font-size:24px}.auth-tabs{margin-bottom:28px}.auth-tab{font-size:14px;padding:10px 16px}}.pwa-install-banner{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#10109e,#06b6d4);border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 20px #0003;color:#fff;left:0;padding:20px;position:fixed;right:0;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pwa-banner-content{align-items:center;display:flex;gap:16px;margin-bottom:16px}.pwa-banner-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.pwa-banner-text{flex:1 1}.pwa-banner-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 4px}.pwa-banner-description{color:#ffffffe6;font-size:13px;line-height:1.4;margin:0}.pwa-banner-actions{display:flex;gap:12px;justify-content:flex-end}.pwa-banner-btn{border:none;border-radius:8px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;min-height:44px;padding:10px 20px;transition:all .2s ease}.pwa-banner-dismiss{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;color:#fff}.pwa-banner-dismiss:hover{background:#ffffff40}.pwa-banner-dismiss:active{transform:scale(.98)}.pwa-banner-install{background:#fff;box-shadow:0 2px 8px #00000026;color:#10109e}.pwa-banner-install:hover{background:#f0f9ff;box-shadow:0 4px 12px #0003}.pwa-banner-install:active{transform:scale(.98)}.pwa-banner-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px}.pwa-banner-close:hover{background:#ffffff40}.pwa-banner-close:active{transform:scale(.95)}@media (min-width:768px){.pwa-install-banner{border-radius:16px;bottom:20px;left:50%;max-width:500px;transform:translateX(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}}@media (display-mode:standalone){.pwa-install-banner{display:none!important}}@supports (padding:max(0px)){.pwa-install-banner{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){.pwa-install-banner{animation:none}}@media (prefers-contrast:high){.pwa-install-banner{border:2px solid #fff}.pwa-banner-btn{border:2px solid}}.offline-indicator{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 2px 12px #00000026;color:#fff;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:10000}.offline-content{align-items:center;display:flex;gap:12px;margin:0 auto;max-width:1200px}.offline-icon{animation:rotate 2s linear infinite;flex-shrink:0;height:24px;width:24px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.offline-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.offline-text strong{font-size:14px;font-weight:700}.offline-text span{font-size:12px;opacity:.95}@media (max-width:767px){.offline-indicator{padding:10px 16px}.offline-icon{height:20px;width:20px}.offline-text strong{font-size:13px}.offline-text span{display:none;font-size:11px}}@supports (padding:max(0px)){.offline-indicator{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-top:max(12px,env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.offline-icon,.offline-indicator{animation:none}}.bottom-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,#fffffffa,#fff);border-top:1px solid #1a73e81a;bottom:0;box-shadow:0 -2px 20px #00000014;display:none;left:0;padding:8px 0 env(safe-area-inset-bottom,8px);position:fixed;right:0;z-index:1000}.bottom-nav:before{background:linear-gradient(90deg,#0000,#1a73e84d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.bottom-nav{justify-content:space-around;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.bottom-nav,.bottom-nav-item{align-items:center;display:flex;gap:4px}.bottom-nav-item{background:none;border:none;border-radius:12px;color:#64748b;cursor:pointer;flex:1 1;flex-direction:column;justify-content:center;min-height:56px;padding:8px 4px;position:relative}.bottom-nav-icon,.bottom-nav-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-nav-icon{stroke-width:2;height:24px;width:24px}.bottom-nav-label{font-size:11px;font-weight:600;letter-spacing:.3px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.bottom-nav-item:hover{background:#1a73e80d;color:#1a73e8}.bottom-nav-item:hover .bottom-nav-icon{transform:translateY(-2px)}.bottom-nav-item.active{background:#1a73e81a;color:#1a73e8}.bottom-nav-item.active:before{animation:slideDown .3s ease-out;background:linear-gradient(90deg,#1a73e8,#06b6d4);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:32px}.bottom-nav-item.active .bottom-nav-icon{stroke-width:2.5;filter:drop-shadow(0 2px 4px rgba(26,115,232,.2))}.bottom-nav-item.active .bottom-nav-label{font-weight:700}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item:after{background:#1a73e833;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.bottom-nav-item:active:after{height:100%;width:100%}@media only screen and (max-width:1024px){.bottom-nav{display:flex}body{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))}}@media only screen and (min-width:1025px){.bottom-nav{display:none!important}}@media only screen and (max-width:375px){.bottom-nav-label{font-size:10px}.bottom-nav-icon{height:22px;width:22px}.bottom-nav-item{min-height:52px;padding:6px 2px}}@media only screen and (min-width:768px) and (max-width:1024px){.bottom-nav{padding:12px 0 max(12px,env(safe-area-inset-bottom))}.bottom-nav-item{gap:6px;min-height:64px;padding:10px 8px}.bottom-nav-icon{height:28px;width:28px}.bottom-nav-label{font-size:12px}}@media (display-mode:standalone) and (max-width:1024px){.bottom-nav{display:flex!important}body{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))!important}}@media (prefers-contrast:high){.bottom-nav{border-top:2px solid #1a73e8}.bottom-nav-item.active{outline:2px solid #1a73e8;outline-offset:-2px}}@media (prefers-reduced-motion:reduce){.bottom-nav-icon,.bottom-nav-item,.bottom-nav-item:after,.bottom-nav-item:before,.bottom-nav-label{animation:none!important;transition:none!important}}@media (prefers-color-scheme:dark){.bottom-nav{background:linear-gradient(180deg,#1e1e1efa,#141414);border-top-color:#ffffff1a}.bottom-nav-item{color:#94a3b8}.bottom-nav-item.active,.bottom-nav-item:hover{background:#06b6d41a;color:#06b6d4}}.site-header{background:#1a73e8;box-shadow:0 2px 8px #00000012;padding:25px 0;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;min-height:72px;padding:0 20px}.header-brand{align-items:center;cursor:pointer;display:flex;z-index:2}.header-logo{display:block;height:96px;transition:transform .3s ease;width:auto}.header-brand:hover .header-logo{transform:scale(1.05)}.header-nav{align-items:center;display:flex;gap:32px}.nav-link{color:#fff;cursor:pointer;font-size:18px;font-weight:500;padding:8px 0;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:after{background:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-link:hover{color:#ffffffe6}.header-actions{position:relative}.btn-account,.btn-primary{background:#fff;border:none;border-radius:6px;box-shadow:0 4px 12px #0000001a;color:#1a73e8;cursor:pointer;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;height:64px;letter-spacing:-.01em;min-width:240px;padding:14px 28px;transition:all .3s ease}.btn-account{height:50px;justify-content:center;min-width:180px;padding:10px 20px}.account-content,.btn-account{align-items:center;display:flex}.account-content{gap:8px}.account-text{font-size:14px;font-weight:700}.account-arrow{margin-left:4px;transition:transform .3s ease}.btn-account:hover,.btn-primary:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.btn-account:active,.btn-primary:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.dropdown-menu{animation:slideDown .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 43px #00000021;display:flex;flex-direction:column;min-width:320px;padding:10px 0;position:absolute;right:0;top:calc(100% + 10px);z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:none;border:none;border-radius:8px;color:#1a73e8;cursor:pointer;font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;margin:0 10px;padding:16px 28px;text-align:left;transition:background .2s}.dropdown-item:hover{background:#1a73e814}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:10px;z-index:1001}.hamburger{display:flex;flex-direction:column;height:24px;justify-content:space-between;position:relative;width:30px}.hamburger span{background:#fff;border-radius:3px;display:block;height:3px;transition:all .3s ease;width:100%}.hamburger.active span:first-child{transform:translateY(10.5px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.mobile-menu{animation:slideInRight .3s ease-out;background:linear-gradient(180deg,#1a73e8,#0d4fa3);box-shadow:-4px 0 20px #0003;display:none;height:100vh;max-width:320px;overflow-y:auto;padding-top:100px;position:fixed;right:0;top:0;width:100%;z-index:999}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-nav{display:flex;flex-direction:column;gap:4px;padding:20px}.mobile-nav-link{align-items:center;background:none;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;gap:12px;padding:16px 20px;text-align:left;text-decoration:none;transition:all .2s ease}.mobile-nav-link:hover{background:#ffffff1a}.mobile-nav-link:active{background:#fff3;transform:scale(.98)}.mobile-nav-primary{background:#fffffff2;color:#1a73e8!important;font-weight:700;margin-top:8px}.mobile-nav-primary:hover{background:#fff}.mobile-nav-danger{border:2px solid #ffffff4d;color:#fff}.mobile-nav-danger:hover{background:#ff3b3033;border-color:#ff3b3080}.mobile-divider{background:#fff3;height:1px;margin:16px 0}.mobile-user-info{display:flex;justify-content:center;margin-bottom:8px;padding:12px 0}@media (min-width:1025px){.desktop-nav{display:flex!important}.desktop-actions{display:block!important}.mobile-menu,.mobile-menu-toggle{display:none!important}.header-container{align-items:center;display:flex;gap:32px;justify-content:space-between}.header-brand{flex-shrink:0}.header-nav{display:flex;flex:1 1;justify-content:center}.header-actions{flex-shrink:0}}@media (max-width:1024px){.desktop-actions,.desktop-nav{display:none!important}.mobile-menu,.mobile-menu-toggle{display:block}}@media (max-width:767px){.site-header{padding:15px 0}.header-container{min-height:60px;padding:0 16px}.header-logo{height:64px}.brand-name{font-size:20px}.brand-sign{font-size:11px}.mobile-menu{max-width:100%}}@media (max-width:480px){.header-logo{height:52px}.brand-name{font-size:18px}.brand-sign{font-size:10px}.header-text{display:none}}@media (min-width:768px) and (max-width:1024px){.nav-link{font-size:16px;gap:24px}.btn-account,.btn-primary{font-size:16px;min-width:200px;padding:12px 20px}}@media (min-width:1280px){.header-container{padding:0 40px}}@supports (padding:max(0px)){.site-header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.mobile-menu{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-top:max(100px,calc(100px + env(safe-area-inset-top)))}}@media (display-mode:standalone){.site-header{padding-top:max(25px,env(safe-area-inset-top))}}@media (prefers-contrast:high){.mobile-nav-link,.nav-link{border:1px solid #0000}.mobile-nav-link:hover,.nav-link:hover{border-color:#fff}}@media (prefers-reduced-motion:reduce){.hamburger span,.header-logo,.mobile-menu,.nav-link{animation:none!important;transition:none!important}}.footer-main{padding:64px 20px 40px}.footer-bottom-pro{font-size:12px;padding:10px 0}@media (max-width:768px){.footer-main{padding:48px 20px 32px}.footer-grid{gap:32px 20px;grid-template-columns:1fr 1fr}.footer-about{grid-column:span 2;max-width:100%}.footer-bottom-content{flex-direction:column;gap:16px;text-align:center}.footer-legal{justify-content:center}.footer-copyright{order:-1}}@media (max-width:480px){.footer-main{padding:40px 16px 28px}.footer-grid{gap:32px;grid-template-columns:1fr}.footer-about{grid-column:span 1}.footer-logo span{font-size:1.3rem}.footer-social{justify-content:flex-start}.footer-legal{flex-direction:column;gap:8px}.footer-divider{display:none}.footer-badge{font-size:.85rem;padding:5px 10px}}.how-impact{background:#fff;padding:64px 0 32px}.how-impact-steps{.feature{align-items:center;background:linear-gradient(135deg,#e0f6ff 60% 60%,#fff 100%);border:1.5px solid #eaeeff;border-radius:4px;box-shadow:0 2px 12px #8fd6ff0a;display:flex;flex:1 1 220px;flex-direction:column;max-width:320px;min-width:220px;padding:32px 24px 28px;text-align:center;transition:box-shadow .2s,border .2s}.feature:hover{border-color:#92bfc9;box-shadow:0 8px 32px #00728d1a}.feature-icon{align-items:center;border-radius:50%;box-shadow:0 2px 8px #00728d14;display:flex;height:156px;justify-content:center;margin-bottom:16px;max-height:156px;max-width:156px;min-height:156px;min-width:156px;padding:0;width:156px}.feature h3{color:#00728d;font-size:1.18rem;font-weight:700;margin-bottom:8px}}.how-title{color:#1f6cd5;font-size:3srem;font-weight:800}.how-subtitle{margin-bottom:0}.how-step-title{color:#1f6cd5;font-size:1.8rem;font-weight:700}.how-step-desc{color:#042ba0}@media (max-width:900px){.how-impact-steps{flex-direction:column;gap:32px}.how-impact-step{max-width:100%;min-width:0}}.info-faq-icon{align-items:center;border-radius:50%;box-shadow:0 2px 8px #00728d14;display:flex;flex-shrink:0;font-size:1.35rem;height:36px;justify-content:center;margin-right:14px;width:36px}.info-faq-title{gap:8px}.info-faq-arrow{color:#042ba0;font-size:1.1em;margin-left:auto}.info-section{background:#fff;padding:64px 0 32px}.info-inner{margin:0 auto;max-width:900px;padding:0 16px}.info-header{margin-bottom:18px;text-align:center}.info-title{color:#1f6cd5;font-size:3rem;font-weight:800;margin-bottom:8px}.info-subtitle{color:#042ba0;font-size:1.08rem;font-weight:500;margin-bottom:0}.info-content{flex-direction:row;gap:0}.info-content,.info-illustration{align-items:center;display:flex;justify-content:center}.info-illustration{height:120px;margin:0 auto 18px;width:120px}.info-illustration svg{height:100px;width:100px}.info-faqs{margin:0 auto;max-width:540px;width:100%}.info-faq{background:#f8fafc;border:1.5px solid #e0e7ef;border-radius:5px;box-shadow:0 2px 12px #0206170a;cursor:pointer;margin-bottom:18px;overflow:hidden;transition:box-shadow .2s,border .2s}.info-faq.open{border-color:#00728d;box-shadow:0 4px 24px #00728d1a}.info-faq-title{align-items:center;background:none;color:#042ba0;display:flex;font-size:1.13rem;font-weight:700;justify-content:space-between;padding:18px 22px 12px}.info-faq-content{background:none;color:#222;font-size:1rem;line-height:1.6;padding:0 22px 18px}.info-faq a{color:#00728d;text-decoration:underline}@media (max-width:600px){.info-inner{padding:0 4vw}.info-title{font-size:1.3rem}.info-illustration{height:80px;width:80px}.info-illustration svg{height:60px;width:60px}.info-faqs{max-width:100%}}.section-plans.plans-impact{background:#f8fafc;padding:64px 0 48px}.plans-impact-title{color:#1f6cd5;font-size:3rem;font-weight:800;margin-bottom:12px;text-align:center}.plans-impact-subtitle{color:#475569;font-size:1.15rem;font-weight:400;line-height:1.6;margin:0 auto 44px;max-width:720px;text-align:center}.plans-impact-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:32px 24px;justify-content:center;margin:0 auto;max-width:1200px}.plan-impact-card{align-items:center;background:#fff;border:2px solid #e0e7ef;border-radius:5px;box-shadow:0 4px 24px #0206170f;display:flex;flex:1 1 260px;flex-direction:column;max-width:320px;min-width:260px;padding:38px 28px 32px;position:relative;text-align:center;transition:box-shadow .2s,border .2s,transform .2s}.plan-impact-card.highlight{border:2.5px solid #1a73e8;box-shadow:0 8px 32px #1a73e81a;transform:translateY(-10px) scale(1.04);z-index:2}.plan-impact-card:hover{border-color:#1976d2;box-shadow:0 8px 32px #1a73e821;transform:translateY(-4px) scale(1.03)}.plan-impact-icon{align-items:center;border:3px solid #fffc;border-radius:50%;box-shadow:0 4px 16px #6366f11f;display:flex;height:128px;justify-content:center;margin-bottom:16px;width:128px}.plan-impact-name{color:#0a3972;font-size:2.18rem;font-weight:700;margin-bottom:4px}.plan-impact-price{color:#1976d2;font-size:1.5rem;font-weight:800;margin-bottom:18px}.plan-impact-price span{color:#64748b;font-size:1rem;font-weight:500}.plan-impact-features{color:#334155;font-size:1.05rem;line-height:1.6;list-style:none;margin:0 0 24px;padding:0}.plan-impact-features li{align-items:center;display:flex;gap:6px;justify-content:flex-start;margin-bottom:7px}.plan-impact-btn{border-radius:4px;box-shadow:0 2px 12px #1a73e814;display:inline-block;font-size:1.08rem;font-weight:700;margin-top:auto;padding:12px 28px;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}.plan-free-btn{background:#f1f5fd;border:1.5px solid #e0e7ef;color:#1976d2}.plan-free-btn:hover{background:#e0e7ff;color:#0a3972}.plan-pro-btn{background:#1a73e8;border:none;color:#fff}.plan-pro-btn:hover{background:#1558b0;color:#fff}.plan-business-btn{background:#f1f5fd;border:1.5px solid #e0e7ef;color:#1976d2}.plan-business-btn:hover{background:#e0e7ff;color:#0a3972}.plan-donate-btn{background:#fff0fa;border:1.5px solid #f3e8ff;color:#c026d3}.plan-donate-btn:hover{background:#f3e8ff;color:#a21caf}@media (max-width:1100px){.plans-impact-grid{gap:24px 0}.plan-impact-card{max-width:100%;min-width:200px}}@media (max-width:900px){.plans-impact-grid{flex-direction:column;gap:32px}.plan-impact-card{max-width:100%;min-width:0}}.hero-v2{background:linear-gradient(180deg,#0052d4,#003da5);overflow:hidden;padding:80px 0 60px;position:relative}.hero-v2:before{background-image:url(../../static/media/celular_capture_qrcode.87ea5e2e6c4beb280f13.png);background-position:100%;background-repeat:no-repeat;background-size:contain;bottom:0;content:"";left:50%;opacity:.95;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.hero-v2-inner{align-items:center;display:flex;gap:48px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px;position:relative;z-index:1}.hero-v2-left{flex:1 1 55%;max-width:600px;padding-right:32px}.hero-v2-title{animation:fadeInUp .8s ease-out;color:#fff;font-size:3.75rem;font-weight:900;letter-spacing:-.02em;line-height:1.15;margin-bottom:24px;text-shadow:0 2px 12px #0000001a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-v2-lead{animation:fadeInUp .8s ease-out .1s backwards;color:#fffffff2;font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:32px;max-width:540px}.hero-v2-cta{align-items:center;animation:fadeInUp .8s ease-out .2s backwards;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;color:#0052d4;display:inline-flex;font-size:1.125rem;font-weight:700;gap:10px;justify-content:center;margin-bottom:40px;padding:16px 40px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-v2-cta:hover{background:#f0f9ff;box-shadow:0 6px 28px #0003;transform:translateY(-2px)}.hero-v2-cta:active{transform:translateY(0)}.hero-v2-cta-icon{align-items:center;background:#0052d4;border-radius:4px;display:flex;justify-content:center;margin-right:2px;padding:4px 6px}.hero-v2-benefits{animation:fadeInUp .8s ease-out .3s backwards;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.hero-v2-benefits li{align-items:center;color:#ffffffeb;display:flex;font-size:1rem;font-weight:400;line-height:1.4}.benefit-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;margin-right:12px}.benefit-icon svg{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.hero-v2-right{flex:1 1 45%;min-height:400px}.hero-v2-qrbox,.hero-v2-right{align-items:center;display:flex;justify-content:center;position:relative}.hero-v2-qrbox{animation:floatAnimation 3s ease-in-out infinite;height:340px;width:340px}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.qr-main{background:#fff;border-radius:12px;box-shadow:0 12px 48px #00000026;padding:20px;z-index:1}.qr-float{animation:floatBounce 2s ease-in-out infinite;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:6px;position:absolute;z-index:2}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.qr-float-palette{animation-delay:.2s;right:-40px;top:20px}.qr-float-analytics{animation-delay:.4s;bottom:20px;right:-40px}.qr-float-qrs{animation-delay:.6s;bottom:-20px;left:30px}.brand-slider{background:#f8fafc;border-bottom:1px solid #0000000d;border-top:1px solid #0000000d;padding:32px 0}.brand-slider-inner{align-items:center;display:flex;flex-wrap:wrap;gap:64px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 24px}.brand-logo{color:#64748b;font-size:1.5rem;font-weight:700;letter-spacing:.03em;min-width:100px;opacity:.6;text-align:center;transition:opacity .3s ease}.brand-logo:hover{opacity:.9}@media (max-width:1024px){.hero-v2{padding:40px 0 60px}.hero-v2:before{background-position:50%;background-size:75%;bottom:auto;left:50%;opacity:1;right:auto;top:50%;transform:translate(-50%,-30%);width:160%}.hero-v2-inner{flex-direction:column;gap:40px;padding:0 20px}.hero-v2-left{max-width:100%;padding-right:0;text-align:center}.hero-v2-title{font-size:4.875rem}.hero-v2-lead{font-size:1.25rem;margin-left:auto;margin-right:auto}.hero-v2-cta{border-radius:10px;font-size:1.375rem;padding:20px 56px}.hero-v2-benefits{grid-gap:16px;display:grid;gap:16px;margin-left:auto;margin-right:auto;max-width:500px}.hero-v2-benefits li{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-left:3px solid #ffffff4d;border-radius:8px;font-size:1.0625rem;font-weight:500;line-height:1.5;padding:12px 16px}.hero-v2-benefits li:hover{background:#ffffff1f;border-left-color:#fff;transform:translateX(4px)}.benefit-icon{margin-top:2px}.benefit-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.hero-v2-right{min-height:300px}.hero-v2-qrbox{height:280px;width:280px}}@media (max-width:600px){.hero-v2{padding:32px 0 40px}.hero-v2-inner{gap:28px;padding:0 16px}.hero-v2-title{font-size:2.75rem;margin-bottom:20px}.hero-v2-lead{font-size:1rem;margin-bottom:28px}.hero-v2-cta{font-size:1.125rem;margin-bottom:32px;padding:16px 40px}.hero-v2-benefits{gap:12px;max-width:100%}.hero-v2-benefits li{font-size:.9375rem;padding:10px 14px}.hero-v2-right{min-height:200px}.hero-v2-qrbox{height:180px;width:180px}.qr-main{padding:12px}.qr-float{padding:4px}.qr-float-palette{right:-24px;top:10px}.qr-float-analytics{bottom:10px;right:-24px}.qr-float-qrs{bottom:-12px;left:16px}.qr-float svg{height:28px;width:28px}.qr-float-qrs svg{width:48px}.brand-slider{padding:24px 0}.brand-slider-inner{gap:24px;padding:0 16px}.brand-logo{font-size:1.1rem;min-width:60px}}@media (max-width:768px) and (min-width:601px){.brand-slider{padding:28px 0}.brand-slider-inner{gap:32px;padding:0 20px}.brand-logo{font-size:1.25rem;min-width:80px}}@media (prefers-reduced-motion:reduce){.hero-v2-benefits,.hero-v2-cta,.hero-v2-lead,.hero-v2-qrbox,.hero-v2-title,.qr-float{animation:none!important}.hero-v2-cta:hover{transform:none}}.section-where{background:#ff5e9c}.where-title{font-weight:700}.where-subtitle{color:#fff}.where-label{color:#fff;font-weight:500}.section-how-visual{background:linear-gradient(180deg,#fff,#f8fbff);padding:80px 0 64px}.how-visual-header{margin-bottom:0;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.how-visual-title{color:#1f6cd5;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:16px}.how-visual-subtitle{color:#475569;font-size:1.2rem;font-weight:400;line-height:1.6}.how-visual-step{align-items:center;display:flex;gap:60px;margin:0 auto 80px;max-width:1200px;padding:0 20px}.how-visual-step.reverse{flex-direction:row-reverse}.how-visual-content{flex:1 1;max-width:500px}.how-visual-number{align-items:center;background:linear-gradient(135deg,#1a73e8,#6366f1);border-radius:50%;box-shadow:0 4px 16px #1a73e833;color:#fff;display:inline-block;display:flex;font-size:1.8rem;font-weight:800;height:56px;justify-content:center;margin-bottom:20px;width:56px}.how-visual-step-title{color:#0a3972;font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:16px}.how-visual-step-desc{color:#334155;font-size:1.08rem;line-height:1.7;margin-bottom:24px}.how-visual-features{list-style:none;margin:0;padding:0}.how-visual-features li{color:#1f6cd5;font-size:1.05rem;font-weight:600;margin-bottom:12px;padding-left:0}.how-visual-screen{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:500px;padding:20px}.how-visual-screen svg{filter:drop-shadow(0 10px 40px rgba(2,6,23,.12));height:auto;max-width:360px;transition:transform .3s ease;width:100%}.how-visual-screen:hover svg{transform:scale(1.02)}.how-visual-cta{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:2px solid #93c5fd;border-radius:4px;margin:64px auto 0;max-width:600px;padding:48px 32px;text-align:center}.how-visual-cta-title{color:#1f6cd5;font-size:2rem;font-weight:800;margin-bottom:12px}.how-visual-cta-text{color:#475569;font-size:1.15rem;margin-bottom:28px}.how-visual-cta-btn{align-items:center;background:#1a73e8;border-radius:5px;box-shadow:0 4px 16px #1a73e833;color:#fff;display:inline-flex;font-size:1.15rem;font-weight:700;gap:10px;padding:16px 36px;text-decoration:none;transition:all .3s ease}.how-visual-cta-btn:hover{background:#1558b0;box-shadow:0 8px 24px #1a73e84d;transform:translateY(-2px)}.how-visual-cta-btn svg{transition:transform .3s ease}.how-visual-cta-btn:hover svg{transform:translateX(4px)}@media (max-width:1024px){.how-visual-step{gap:40px}.how-visual-screen{max-width:400px}}@media (max-width:900px){.how-visual-step,.how-visual-step.reverse{flex-direction:column;gap:40px;margin-bottom:60px}.how-visual-content,.how-visual-screen{max-width:100%}.how-visual-title{font-size:2.2rem}.how-visual-step-title{font-size:1.6rem}}@media (max-width:600px){.section-how-visual{padding:48px 0}.how-visual-header{margin-bottom:48px}.how-visual-title{font-size:1.8rem}.how-visual-subtitle{font-size:1rem}.how-visual-step{margin-bottom:48px}.how-visual-number{font-size:1.5rem;height:48px;width:48px}.how-visual-step-title{font-size:1.4rem}.how-visual-step-desc{font-size:1rem}.how-visual-cta{padding:32px 24px}.how-visual-cta-title{font-size:1.5rem}.how-visual-cta-text{font-size:1rem}.how-visual-cta-btn{font-size:1rem;padding:14px 28px}}.section-how.alt{background:#fff;padding:56px 0 32px}.how-title{color:#042ba0;font-size:3rem;font-weight:700;margin-bottom:8px;text-align:center}.how-subtitle{color:#b0b8c1;font-size:1.25rem;margin-bottom:48px;text-align:center}.how-steps.alt{display:flex;gap:48px;justify-content:center;margin-bottom:0;margin-top:0}.how-step.alt{flex:1 1;flex-direction:column;max-width:320px;text-align:center}.how-step.alt,.how-svg{align-items:center;display:flex}.how-svg{justify-content:center;margin-bottom:18px}.how-step-title{color:#0a3972;font-size:1.1rem;font-weight:600;margin-bottom:8px}.how-step-desc{color:#0a3972;font-size:1rem;line-height:1.4}@media (max-width:900px){.how-steps.alt{flex-direction:column;gap:32px}}.landing-root{color:#07203a;font-family:Montserrat,Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.landing-hero{background:linear-gradient(180deg,#00229f,#0872ff);padding:56px 0}.landing-hero .hero-grid{align-items:center;display:flex;gap:32px;justify-content:space-between}.landing-hero .hero-copy{flex:1 1;max-width:680px}.hero-logo{display:block;height:auto;margin-bottom:8px;width:92px}.landing-hero h1{color:#fff;font-size:55px;margin:8px 0 12px}.lead{color:#fff;font-size:18px;margin-bottom:18px}.cta-row{display:flex;gap:12px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.badge{background:#e0f2fe;color:#0369a1;font-size:13px;font-weight:500;padding:4px 12px}.btn{border-radius:6px;display:inline-block;font-weight:600;padding:10px 18px;text-decoration:none}.btn.primary{background:#1a73e8;color:#fff}.btn.ghost{background:#0000;border:1px solid #1a73e81f;color:#1a73e8}.screen-mock{align-items:center;background:linear-gradient(135deg,#f1f8ff,#e6f4ff);border-radius:8px;box-shadow:0 8px 30px #0e2d500f;display:flex;height:220px;justify-content:center;width:360px}.screen-inner{color:#0f1724;font-weight:600}.section-how{background:#f8fafc;padding:48px 0}.how-steps{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:24px}.how-step{background:#fff;border-radius:5px;box-shadow:0 2px 12px #0206170a;flex:1 1 220px;max-width:320px;min-width:200px;padding:22px 18px;text-align:center}.how-icon{font-size:32px;margin-bottom:10px}.section-features{background:#f8fbff;padding:56px 0 36px}.features-header{margin-bottom:36px;text-align:center}.features-title{color:#1f6cd5;font-size:3rem;font-weight:800;margin-bottom:12px}.features-subtitle{color:#475569;font-size:1.15rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:720px}.features-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:36px 32px;justify-content:center;margin:0 auto;max-width:1100px}.feature{align-items:center;background:linear-gradient(135deg,#e0e7ff 60%,#f1f5fd);border:1.5px solid #c7d2fe;border-radius:4px;box-shadow:0 2px 12px #0206170a;display:flex;flex:1 1 220px;flex-direction:column;max-width:320px;min-width:220px;padding:32px 24px 28px;text-align:center;transition:box-shadow .2s,border .2s}.feature:hover{border-color:#6366f1;box-shadow:0 8px 32px #6366f11a}.feature-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #6366f114;color:#2563eb;display:flex;font-size:2.5rem;height:156px;justify-content:center;margin-bottom:16px;width:156px}.feature h3{color:#0a3972;font-size:1.18rem;font-weight:700;margin-bottom:8px}.feature p{color:#334155;font-size:1rem;line-height:1.5}@media (max-width:900px){.features-grid{gap:24px 0}.feature{max-width:100%;min-width:180px}}.section-plans{background:#f8fafc;padding:48px 0}.section-testimonials{background:linear-gradient(180deg,#f8fafc,#fff);padding:64px 0 56px}.testimonials-header{margin-bottom:48px;text-align:center}.testimonials-title{color:#1f6cd5;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:12px}.testimonials-subtitle{color:#475569;font-size:1.15rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:720px}.testimonials-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:32px 28px;justify-content:center;margin:0 auto 56px;max-width:1200px}.testimonial-card{background:#fff;border:2px solid #e0e7ff;border-radius:5px;box-shadow:0 4px 24px #0206170f;display:flex;flex:1 1 300px;flex-direction:column;max-width:380px;min-width:300px;padding:32px 28px;transition:transform .3s,box-shadow .3s,border .3s}.testimonial-card:hover{border-color:#6366f1;box-shadow:0 12px 40px #6366f124;transform:translateY(-6px)}.testimonial-stars{display:flex;font-size:1.2rem;gap:4px;margin-bottom:16px}.testimonial-text{color:#334155;flex:1 1;font-size:1.05rem;font-style:italic;line-height:1.7;margin-bottom:24px}.testimonial-author{align-items:center;border-top:2px solid #f1f5f9;display:flex;gap:14px;padding-top:20px}.testimonial-avatar{align-items:center;border-radius:50%;box-shadow:0 4px 12px #6366f11f;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.testimonial-info{flex:1 1}.testimonial-name{color:#0a3972;font-size:1.08rem;font-weight:700;margin-bottom:4px}.testimonial-role{color:#64748b;font-size:.95rem;line-height:1.4}.trust-section{border-top:2px solid #e0e7ff;margin:0 auto;max-width:1100px;padding-top:24px;text-align:center}.trust-title{color:#1f6cd5;font-size:1.8rem;font-weight:700;margin-bottom:32px}.trust-badges{flex-wrap:wrap;gap:24px 32px;justify-content:center}.trust-badge,.trust-badges{align-items:center;display:flex}.trust-badge{flex-direction:column;gap:12px;width:140px}.trust-badge-icon{align-items:center;border-radius:4px;box-shadow:0 4px 16px #02061714;display:flex;height:72px;justify-content:center;transition:transform .2s,box-shadow .2s;width:72px}.trust-badge:hover .trust-badge-icon{box-shadow:0 6px 24px #02061724;transform:scale(1.08)}.trust-badge-label{color:#334155;font-size:1.05rem;font-weight:600}@media (max-width:1100px){.testimonials-grid{gap:28px 20px}.testimonial-card{max-width:100%;min-width:280px}}@media (max-width:900px){.testimonials-grid{flex-direction:column;gap:28px}.testimonial-card{max-width:100%;min-width:0}.trust-badges{gap:20px 24px}.trust-badge{width:120px}}@media (max-width:600px){.testimonials-title{font-size:2rem}.testimonials-subtitle{font-size:1rem}.trust-title{font-size:1.4rem}}.plans-grid{display:flex;gap:18px}.plan-card{box-shadow:0 4px 20px #0206170a;flex:1 1;padding:20px;text-align:center}.plan-card.highlight{border:2px solid #1a73e8;transform:translateY(-6px)}.plan-card .price{color:#0f1724;font-size:22px;margin:12px 0}.landing-footer{border-top:1px solid #eef2f7;margin-top:48px;padding:24px 0}.footer-row{align-items:center;display:flex;gap:18px;justify-content:space-between}.section-where{background:linear-gradient(135deg,#0830b5 60%,#2d70ffc7);padding:56px 0 36px}.where-title{color:#fff;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;text-align:center}.where-subtitle{color:#dbeafe;font-size:1.15rem;margin-bottom:48px;text-align:center}.where-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:36px 48px;justify-content:center;margin:0 auto;max-width:1100px}.where-item{flex-direction:column;margin-bottom:12px;width:160px}.where-item,.where-svg{align-items:center;display:flex}.where-svg{background:#1f6cd5;border-radius:4px;box-shadow:0 2px 19px #395bda;justify-content:center;margin-bottom:16px;padding:10px}.where-label{color:#dbeafe;font-size:1.05rem;font-weight:600;text-align:center}@media (max-width:900px){.where-grid{gap:28px 12px}.where-item{width:120px}}.landing-footer-pro{background:linear-gradient(180deg,#0f172a,#1e293b);color:#e2e8f0;margin-top:0}.footer-main{border-bottom:1px solid #ffffff1a;padding:64px 0 40px}.footer-grid{grid-gap:48px 32px;display:grid;gap:48px 32px;grid-template-columns:2fr 1fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px}.footer-about{max-width:320px}.footer-logo{align-items:center;display:flex;gap:12px;margin-bottom:20px}.footer-logo span{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.footer-about-text{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin-bottom:24px}.footer-social{display:flex;gap:12px}.footer-social a{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;color:#cbd5e1;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.footer-social a:hover{background:#1a73e8;border-color:#1a73e8;box-shadow:0 4px 12px #1a73e84d;color:#fff;transform:translateY(-3px)}.footer-col-title{color:#fff;font-size:1.08rem;font-weight:700;letter-spacing:-.3px;margin-bottom:20px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#cbd5e1;display:inline-block;font-size:.95rem;text-decoration:none;transition:all .2s ease}.footer-links a:hover{color:#fff;transform:translateX(4px)}.footer-bottom{background:#0003;padding:24px 0}.footer-bottom-content{gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-bottom-content,.footer-legal{align-items:center;display:flex;flex-wrap:wrap}.footer-legal{gap:12px}.footer-legal a{color:#cbd5e1;font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-legal a:hover{color:#fff}.footer-divider{color:#475569;font-size:.9rem}.footer-copyright{flex:1 1;text-align:center}.footer-copyright p{color:#94a3b8;font-size:.9rem;margin:0}.footer-badge,.footer-extra{align-items:center;display:flex}.footer-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;color:#cbd5e1;font-size:.9rem;gap:6px;padding:6px 12px}.footer-badge svg{color:#fbbf24}@media (max-width:1024px){.footer-grid{gap:40px 24px;grid-template-columns:2fr 1fr 1fr}.footer-col:nth-child(4),.footer-col:nth-child(5){grid-column:span 1}}@media (max-width:768px){.footer-main{padding:48px 0 32px}.footer-grid{gap:32px 20px;grid-template-columns:1fr 1fr}.footer-about{grid-column:span 2;max-width:100%}.footer-bottom-content{flex-direction:column;gap:16px;text-align:center}.footer-legal{justify-content:center}.footer-copyright{order:-1}}@media (max-width:480px){.footer-grid{gap:32px;grid-template-columns:1fr}.footer-about{grid-column:span 1}.footer-logo span{font-size:1.3rem}.footer-social{justify-content:flex-start}.footer-legal{flex-direction:column;gap:8px}.footer-divider{display:none}.footer-badge{font-size:.85rem;padding:5px 10px}}.admin-dashboard-visual{padding:24px 0 0;width:100%}.dashboard-indicators{display:flex;gap:32px;margin-bottom:32px}.indicator{background:#e6f7fb;border-radius:5px;box-shadow:0 2px 8px #0001;min-width:120px;padding:24px 32px;text-align:center}.indicator-value{color:#1b4965;font-size:2.5rem;font-weight:700}.indicator-label{color:#5fa8d3;font-size:1.1rem;margin-top:8px}.dashboard-charts{display:flex;flex-wrap:wrap;gap:32px}.chart-block{box-shadow:0 2px 8px #0001;flex:1 1 320px;max-width:480px;min-width:320px;padding:16px}.chart-block,.user-table-section{background:#fff;border-radius:5px}.user-table-section{box-shadow:0 2px 8px #0000000a;margin-top:32px;padding:24px}.user-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.user-table-header h3{color:#164e63;font-size:1.2rem;margin:0}.user-table-header button{background:#0ea5e9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.user-table-header button:hover{background:#0369a1}.user-table{border-collapse:collapse;margin-bottom:0;width:100%}.user-table td,.user-table th{border-bottom:1px solid #e5e7eb;padding:10px 8px;text-align:left}.user-table th{background:#f1f5f9;color:#0ea5e9;font-weight:700}.user-table td{color:#334155}.user-table button{background:#e0f2fe;border:none;border-radius:4px;color:#0369a1;cursor:pointer;font-size:.95em;margin-right:6px;padding:4px 10px;transition:background .2s}.user-table button.danger{background:#fee2e2;color:#b91c1c}.user-table button:hover{background:#bae6fd}.user-table button.danger:hover{background:#fecaca}.modal-overlay{align-items:center;background:#0000002e;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:4px;box-shadow:0 4px 24px #0000001f;max-width:90vw;min-width:320px;padding:32px 24px 24px}.modal h4{color:#0ea5e9;margin-top:0}.modal input,.modal select{border:1px solid #e5e7eb;border-radius:5px;font-size:1em;margin-bottom:14px;padding:8px;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{background:#0ea5e9;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:7px 18px;transition:background .2s}.modal-actions button.secondary{background:#e0f2fe;color:#0369a1}.modal-actions button.secondary:hover{background:#bae6fd}.plans-hero-title{color:#1271c2;font-size:2.5rem;font-weight:900;letter-spacing:.5px;margin-bottom:8px;margin-top:0;text-align:center}.plans-hero-sub{color:#444;font-size:1.25rem;font-weight:400;margin-bottom:36px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.plans-payment-section{align-items:center;justify-content:center;margin-bottom:12px;margin-top:32px}.plans-payment-img{margin:0 auto;text-align:center;width:70%}.plans-modern-bg{background:#f7f8fa;min-height:100vh;padding:40px 0 0}.plans-modern-container{margin:0 auto;max-width:1200px;padding:0 16px 40px}.plans-modern-grid{align-items:flex-end;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-bottom:32px}.plan-modern-card{align-items:center;background:#fff;border:2px solid #686e7352;border-radius:5px;box-shadow:0 2px 16px 0 #1e3c5a14;display:flex;flex:1 1 300px;flex-direction:column;max-width:340px;min-width:270px;padding:36px 28px 28px;position:relative;transition:box-shadow .2s,border .2s}.plan-modern-title{color:#1271c2;font-size:2.1rem;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-align:center}.plan-modern-price{color:#222;font-size:2.2rem;font-weight:700;margin-bottom:18px;text-align:center}.plan-modern-price span{color:#888;font-size:1.1rem;font-weight:400}.plan-modern-desc{color:#222;font-size:1.08rem;line-height:1.7;margin-bottom:28px;text-align:left;width:100%}.plan-modern-desc b{color:#0a5ea8;font-weight:700}.plan-modern-btn{background:#1271c2;border:none;border-radius:5px;box-shadow:0 1px 4px 0 #1e3c5a12;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:auto;padding:14px 0;transition:background .2s;width:100%}.plan-modern-btn.selected,.plan-modern-btn:disabled{background:#e3f0fa;color:#1271c2;cursor:not-allowed}.plan-modern-card.pro{border:2.5px solid #1271c2;box-shadow:0 4px 24px 0 #1271c221;z-index:2}.plan-modern-popular-label{background:#1271c2;border-radius:4px 8px 10px 10px;box-shadow:0 2px 8px 0 #1271c21a;color:#fff;font-size:.95rem;font-weight:700;left:50%;letter-spacing:1px;padding:4px 18px;position:absolute;top:-18px;transform:translateX(-50%)}.plans-modern-footer{color:#444;font-size:1.08rem;margin-top:18px;text-align:center}.plans-modern-footer-note{color:#888;display:block;font-size:.98rem;margin-top:6px}.plans-modern-footer-note a{color:#1271c2;font-weight:600;text-decoration:underline}@media (max-width:900px){.plans-modern-grid{align-items:stretch;flex-direction:column;gap:24px}.plan-modern-card{max-width:100%;min-width:0}}.payment-methods{margin-top:40px;text-align:center}.payment-title{font-size:1.4rem;font-weight:600;margin-bottom:18px}.payment-icons{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:18px}.payment-icons img{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000000a;height:32px;padding:2px 6px}.payment-info{background:#f7f7fa;border-radius:5px;color:#222;display:inline-block;font-size:1rem;margin:0 auto 12px;max-width:600px;padding:18px 24px;text-align:left}.payment-info-icon{align-items:center;display:inline-flex;gap:10px;margin-right:6px;vertical-align:middle}.payment-info a{color:#1976d2;font-weight:600;text-decoration:underline}.payment-tax-note{color:#888;font-size:.95rem;margin-top:10px}.plan-features{list-style:none;margin:0 0 18px;padding:0}.plan-features li{font-size:1.05rem;gap:10px;line-height:1.7;margin-bottom:8px}.plan-bullet,.plan-features li{align-items:flex-start;display:flex}.plan-bullet{flex-shrink:0;margin-top:2px}.plans-page{background:#f8fafc;margin:0 auto;max-width:1100px;min-height:100vh;padding:40px 16px 60px}.plans-page h1{color:#0ea5e9;margin-bottom:8px;text-align:center}.plans-subtitle{color:#334155;font-size:1.2rem;margin-bottom:36px;text-align:center}.plans-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:32px}.plan-card{align-items:center;background:#fff;border:2px solid #e0f2fe;border-radius:5px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;padding:32px 24px 24px;position:relative;transition:box-shadow .2s,border .2s}.plan-card:hover{border:2px solid #0ea5e9;box-shadow:0 4px 24px #0ea5e91a}.plan-card.free{border-color:#bae6fd}.plan-card.pro{border-color:#0ea5e9}.plan-card.business{border-color:#0369a1}.plan-card.donate{border-color:#fbbf24}.plan-card h2{color:#0ea5e9;margin:0}.plan-card h2,.plan-card.business h2{font-size:3.4rem;letter-spacing:-.03em;text-transform:uppercase}.plan-card.business h2{color:#0369a1}.plan-card.donate h2{color:#f59e42;font-size:3.4rem;letter-spacing:-.03em;text-transform:uppercase}.plan-price{color:#0ea5e9;font-size:2.1rem;font-weight:700;margin-bottom:18px}.plan-card.business .plan-price{color:#0369a1}.plan-card.donate .plan-price{color:#f59e42}.plan-price span{color:#64748b;font-size:1rem;font-weight:400;margin-left:2px}.plan-card ul{color:#334155;font-size:1.05rem;list-style:none;margin:0 0 18px;padding:0}.plan-card ul li{align-items:center;display:flex;margin-bottom:8px}.plan-btn{background:#0ea5e9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:auto;padding:20px 58px;transition:background .2s}.plan-btn.selected,.plan-btn:disabled{background:#bae6fd;color:#0369a1;cursor:default}.plan-card.business .plan-btn{background:#0369a1}.plan-card.donate .plan-btn{background:#fbbf24;color:#fff}.plan-card.donate .plan-btn:hover{background:#f59e42}.plan-btn:hover:not(:disabled):not(.selected){background:#0369a1}.plans-note{color:#64748b;font-size:.98rem;margin-top:18px;text-align:center}.faq-page-wrapper{background-color:#10109e;min-height:100vh;overflow:hidden;padding:60px 24px;position:relative}.faq-page-wrapper:after,.faq-page-wrapper:before{border-radius:50%;content:"";opacity:.1;position:absolute}.faq-page-wrapper:before{animation:float 18s ease-in-out infinite;background:radial-gradient(circle,#fffc 0,#0000 70%);height:500px;left:-150px;top:-150px;width:500px}.faq-page-wrapper:after{animation:float 12s ease-in-out infinite reverse;background:radial-gradient(circle,#fff9 0,#0000 70%);bottom:-100px;height:350px;right:-100px;width:350px}.faq-container{margin:0 auto;max-width:900px;position:relative;z-index:1}.faq-header{color:#fff;margin-bottom:50px;text-align:center}.faq-icon{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.faq-header h1{font-size:3rem;font-weight:700;margin:0 0 16px;text-shadow:0 4px 12px #0003}.faq-subtitle{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.95}.faq-list{display:flex;flex-direction:column;gap:16px;margin-bottom:50px}.faq-item{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.faq-question{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:24px 28px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.faq-question:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.faq-question h3{color:#1e293b;flex:1 1;font-size:1.15rem;font-weight:600;line-height:1.5;margin:0}.faq-chevron{color:#3b82f6;flex-shrink:0;margin-left:16px;transition:transform .3s ease}.faq-item.active .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer-content{border-top:1px solid #e2e8f0;padding:0 28px 28px}.faq-answer-content p{color:#475569;font-size:1rem;line-height:1.7;margin:20px 0 0}.faq-cta{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000026;overflow:hidden;padding:50px 40px;position:relative;text-align:center}.faq-cta:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#ec4899);content:"";height:5px;left:0;position:absolute;right:0;top:0}.cta-icon{font-size:3.5rem;margin-bottom:20px}.faq-cta h3{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 12px}.faq-cta p{color:#64748b;font-size:1.1rem;margin:0 0 30px}.cta-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 6px 20px #3b82f666;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:16px 40px;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 10px 30px #3b82f680;transform:translateY(-3px)}.cta-button:active{transform:translateY(-1px)}@media (max-width:768px){.faq-page-wrapper{padding:40px 16px}.faq-header h1{font-size:2.2rem}.faq-subtitle{font-size:1rem}.faq-icon{font-size:3rem}.faq-question{padding:20px}.faq-question h3{font-size:1.05rem}.faq-answer-content{padding:0 20px 20px}.faq-cta{padding:40px 24px}.faq-cta h3{font-size:1.6rem}.cta-button{font-size:1rem;padding:14px 32px}}@media (max-width:480px){.faq-header h1{font-size:1.8rem}.faq-question{padding:16px}.faq-question h3{font-size:.95rem}.faq-chevron{height:20px;width:20px}.faq-answer-content{padding:0 16px 16px}.faq-answer-content p{font-size:.95rem}}.contact-page-wrapper{background-color:#10109e;min-height:100vh;overflow:hidden;position:relative}.contact-page-wrapper:after,.contact-page-wrapper:before{border-radius:50%;content:"";opacity:.1;position:absolute}.contact-page-wrapper:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#fffc 0,#0000 70%);height:600px;right:-200px;top:-200px;width:600px}.contact-page-wrapper:after{animation:float 15s ease-in-out infinite reverse;background:radial-gradient(circle,#fff9 0,#0000 70%);bottom:-150px;height:400px;left:-150px;width:400px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.contact-container{margin:0 auto;max-width:1200px;padding:60px 24px;position:relative;z-index:1}.contact-split-container{grid-gap:0;background:#0000;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:grid;gap:0;grid-template-columns:45% 55%;min-height:700px;overflow:hidden}.contact-info-section{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:60px 40px;position:relative}.contact-info-section:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 50%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.contact-info-section h2{font-size:2.5rem;font-weight:700;margin-bottom:16px;position:relative;z-index:1}.contact-info-section .subtitle{font-size:1.1rem;line-height:1.6;margin-bottom:40px;opacity:.95;position:relative;z-index:1}.contact-cards{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;padding:24px;transition:all .3s ease}.contact-card:hover{background:#ffffff40;transform:translateX(8px)}.contact-card-icon{font-size:2rem;margin-bottom:12px}.contact-card h3{font-size:1.2rem;font-weight:600;margin-bottom:8px}.contact-card p{font-size:1rem;line-height:1.5;opacity:.9}.contact-social{margin-top:40px;position:relative;z-index:1}.contact-social h3{font-size:1.3rem;font-weight:600;margin-bottom:20px}.social-icons{display:flex;gap:16px}.social-icon{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.social-icon:hover{background:#ffffff59;box-shadow:0 8px 16px #0003;transform:translateY(-4px)}.social-icon svg{fill:#fff;height:24px;width:24px}.contact-form-section{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 50px}.contact-form-section h2{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:12px}.contact-form-section .form-subtitle{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:32px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#334155;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.form-group textarea{min-height:140px;resize:vertical}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23334155' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.contact-submit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 14px #3b82f666;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:10px;justify-content:center;padding:16px 32px;transition:all .3s ease}.contact-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #3b82f680;transform:translateY(-2px)}.contact-submit-btn:active:not(:disabled){transform:translateY(0)}.contact-submit-btn:disabled{cursor:not-allowed;opacity:.7}.btn-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.contact-success-message{align-items:center;animation:slideIn .5s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 10px 30px #10b9814d;color:#fff;display:flex;gap:16px;padding:24px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.success-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.success-icon svg{stroke:#fff;stroke-width:3;fill:none;height:28px;width:28px}.contact-success-message div h3{font-size:1.2rem;font-weight:600;margin:0 0 4px}.contact-success-message div p{font-size:.95rem;margin:0;opacity:.95}@media (max-width:1024px){.contact-split-container{grid-template-columns:42% 58%}}@media (max-width:868px){.contact-split-container{grid-template-columns:1fr;min-height:auto}.contact-form-section,.contact-info-section{padding:50px 32px}.contact-info-section h2{font-size:2rem}.form-row{grid-template-columns:1fr}}@media (max-width:640px){.contact-container{padding:40px 16px}.contact-form-section,.contact-info-section{padding:40px 24px}.contact-info-section h2{font-size:1.75rem}.contact-form-section h2{font-size:1.5rem}.contact-card{padding:20px}.social-icon{height:44px;width:44px}}.generator-container{padding:40px 24px}.generator-container .layout{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 400px}.generator-container .left{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.generator-container .accordion details{background:#0000;border:none;border-bottom:1px solid #f1f5f9;border-radius:0;margin-bottom:0}.generator-container .accordion details:last-child{border-bottom:none}.generator-container .accordion details:hover,.generator-container .accordion details[open]{background:#fafafa}.generator-container .accordion summary{align-items:center;background:#0000;color:#1e293b;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;justify-content:space-between;list-style:none;padding:20px 28px;transition:all .2s ease}.generator-container .accordion summary:hover{background:#0000;color:#1f6cd5}.generator-container .accordion summary::-webkit-details-marker,.generator-container .accordion summary::marker{display:none}.generator-container .accordion summary:after{color:#64748b;content:"▼";font-size:.75em;margin-left:auto;transition:transform .2s ease}.generator-container .accordion details[open] summary:after{color:#1f6cd5;transform:rotate(180deg)}.generator-container .accordion summary:before{display:none}.generator-container .accordion .section{background:#fff;border-top:none;padding:24px 28px 32px}.generator-container .content-type-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:24px}.generator-container .content-type-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:8px;padding:16px 12px;transition:all .2s ease}.generator-container .content-type-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.generator-container .content-type-btn.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#1f6cd5;box-shadow:0 0 0 3px #1f6cd51a;color:#1f6cd5;font-weight:600}.generator-container .content-type-btn .content-icon{font-size:28px;line-height:1}.generator-container .content-type-btn .content-label{font-size:12px;line-height:1.2;text-align:center}.generator-container .content-fields{margin-top:20px}.generator-container .tab-dropdown{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:20px;padding:14px 16px;transition:all .2s ease;width:100%}.generator-container .tab-dropdown:hover{border-color:#1f6cd5}.generator-container .tab-dropdown:focus{border-color:#1f6cd5;box-shadow:0 0 0 3px #1f6cd51a}.generator-container .section input[type=datetime-local],.generator-container .section input[type=email],.generator-container .section input[type=tel],.generator-container .section input[type=text],.generator-container .section select:not(.tab-dropdown),.generator-container .section textarea{background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.generator-container .section input:focus,.generator-container .section select:focus,.generator-container .section textarea:focus{border-color:#1f6cd5;box-shadow:0 0 0 3px #1f6cd51a;outline:none}.generator-container .section input[type=color]{border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;height:45px;padding:2px;width:60px}.generator-container .section input[type=color]:hover{border-color:#1f6cd5}.generator-container .section input[type=range]{background:#e2e8f0;border-radius:3px;height:6px;margin:10px 0;outline:none;width:100%}.generator-container .section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1f6cd5;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #1f6cd54d;cursor:pointer;height:20px;width:20px}.generator-container .section input[type=range]::-moz-range-thumb{background:#1f6cd5;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #1f6cd54d;cursor:pointer;height:20px;width:20px}.generator-container .grid2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.generator-container .actions{display:flex;flex-wrap:wrap;gap:12px;padding:0 28px 28px}.generator-container .actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;min-width:160px;padding:14px 24px;transition:all .2s ease}.generator-container .actions button:not(.secondary){background:linear-gradient(135deg,#1f6cd5,#1557b0);box-shadow:0 4px 14px #1f6cd54d;color:#fff}.generator-container .actions button:not(.secondary):hover{box-shadow:0 6px 20px #1f6cd566;transform:translateY(-2px)}.generator-container .actions button.secondary{background:#fff;border:2px solid #1f6cd5;color:#1f6cd5}.generator-container .actions button.secondary:hover{background:#f0f4ff}.generator-container .actions button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.generator-container .templates-section{background:#fafafa;border-top:1px solid #e2e8f0;padding:28px}.generator-container .templates-title{color:#1e293b;font-size:17px;font-weight:700;margin:0 0 6px}.generator-container .templates-subtitle{color:#64748b;font-size:13px;font-weight:400;margin:0 0 20px}.generator-container .template-thumbs-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.generator-container .template-thumb{background:#fff;border-radius:10px;padding:10px}.generator-container .template-thumb:hover{box-shadow:0 4px 12px #1f6cd51f}.generator-container .template-thumb.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.generator-container .template-thumb>div:first-child{height:56px;margin:0 auto 8px;width:56px}.generator-container .template-thumb>div:last-child{color:#475569;font-size:11px;font-weight:600;line-height:1.3}.generator-container .templates-header{border-top:2px solid #f1f5f9;margin-top:8px;padding:24px 28px 16px}.generator-container .templates-header h3{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 8px}.generator-container .templates-header p{color:#64748b;font-size:.9rem;margin:0}.generator-container .template-thumbs-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));padding:0 28px 28px}.generator-container .template-thumb{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:12px;text-align:center;transition:all .2s ease}.generator-container .template-thumb:hover{border-color:#1f6cd5;box-shadow:0 4px 12px #1f6cd526;transform:translateY(-2px)}.generator-container .template-thumb.selected{background:#f0f4ff;border-color:#1f6cd5;box-shadow:0 0 0 3px #1f6cd51a}.generator-container .template-thumb div:first-child{height:64px;margin:0 auto 8px;width:64px}.generator-container .template-thumb div:last-child{color:#475569;font-size:.75rem;font-weight:600}.generator-container .right{align-items:center;display:flex;justify-content:center;min-height:500px;padding:24px;position:-webkit-sticky;position:sticky;top:24px}.generator-container .qr-preview-image{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 40px #00000014;height:auto;max-width:100%;padding:20px;transition:all .3s ease;width:100%}.generator-container .qr-preview-image:hover{box-shadow:0 15px 50px #0000001f;transform:translateY(-4px)}.generator-container .qr-placeholder{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#fafafa,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center;width:100%}.generator-container .qr-placeholder-icon{font-size:64px;margin-bottom:16px;opacity:.5}.generator-container .qr-placeholder-text{color:#475569;font-size:18px;font-weight:600;margin:0 0 8px}.generator-container .qr-placeholder-hint{color:#94a3b8;font-size:13px;margin:0;max-width:250px}.generator-container .preview,.generator-container .preview .placeholder,.generator-container .preview img{display:none}@media (max-width:1024px){.generator-container .layout{grid-template-columns:1fr}.generator-container .right{min-height:400px;position:relative;top:0}}@media (max-width:640px){.generator-container{padding:24px 16px}.generator-container .grid2{grid-template-columns:1fr}.generator-container .actions{flex-direction:column}.generator-container .actions button{min-width:100%}.generator-container .content-type-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.generator-container .content-type-btn{padding:12px 8px}.generator-container .content-type-btn .content-icon{font-size:24px}.generator-container .content-type-btn .content-label{font-size:11px}.generator-container .template-thumbs-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}}.color-section{display:flex;flex-direction:column;gap:24px}.color-bg-selector,.color-mode-selector{display:flex;flex-direction:column;gap:12px}.color-mode-label{color:#334155;font-size:14px;font-weight:600;margin-bottom:8px}.color-mode-options{display:flex;gap:12px;margin-bottom:16px}.radio-option{align-items:center;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.radio-option:hover{background:#f8fafc;border-color:#cbd5e1}.radio-option input[type=radio]{cursor:pointer;height:18px;width:18px}.radio-option input[type=radio]:checked+span{color:#1f6cd5;font-weight:600}.radio-option:has(input:checked){background:#eff6ff;border-color:#1f6cd5}.color-pickers-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.color-picker-item{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:120px}.color-input-large{border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;height:60px;transition:border-color .2s;width:100%}.color-input-large:hover{border-color:#1f6cd5}.color-hex-input{border:1px solid #e2e8f0;border-radius:6px;font-family:Courier New,monospace;font-size:13px;padding:8px 12px;text-align:center;transition:all .2s;width:100%}.color-hex-input:focus{border-color:#1f6cd5;box-shadow:0 0 0 3px #1f6cd51a;outline:none}.gradient-type-selector{align-items:center;display:flex;flex:1 1}.gradient-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s;width:100%}.gradient-btn:hover{background:#f8fafc;border-color:#cbd5e1}.gradient-btn.active{background:#eff6ff;border-color:#1f6cd5;color:#1f6cd5;font-weight:600}.design-section{gap:28px}.design-section,.shape-selector{display:flex;flex-direction:column}.shape-selector{gap:12px}.shape-label{color:#334155;font-size:14px;font-weight:600}.shape-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.shape-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px 8px;transition:all .2s}.shape-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.shape-btn.active{background:#eff6ff;border-color:#1f6cd5;color:#1f6cd5}.shape-btn svg{color:inherit;height:32px;width:32px}.shape-btn span{font-size:12px;font-weight:500;line-height:1.2;text-align:center}.shape-btn.active span{font-weight:600}@media (max-width:768px){.shape-grid{grid-template-columns:repeat(auto-fit,minmax(75px,1fr))}.shape-btn{padding:10px 6px}.shape-btn svg{height:28px;width:28px}.shape-btn span{font-size:11px}}.logo-section{display:flex;flex-direction:column;gap:20px}.logo-upload-area,.logo-upload-button{align-items:center;display:flex;gap:12px}.logo-upload-button{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:14px 20px;transition:all .2s}.logo-upload-button:hover{background:#eff6ff;border-color:#1f6cd5;color:#1f6cd5}.logo-upload-button svg{flex-shrink:0}.remove-logo-btn{background:#fff;border:2px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;font-size:18px;font-weight:600;padding:12px 16px;transition:all .2s}.remove-logo-btn:hover{background:#ef4444;color:#fff}.logo-preview{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;justify-content:center;padding:20px}.logo-preview img{max-height:120px;max-width:120px;object-fit:contain}.logo-options{display:flex;flex-direction:column;gap:12px}.checkbox-option{align-items:center;border:2px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;transition:all .2s}.checkbox-option:hover{background:#f8fafc;border-color:#cbd5e1}.checkbox-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-option:has(input:checked){background:#eff6ff;border-color:#1f6cd5;color:#1f6cd5}.templates-section-wrapper{display:none}body,html{margin:0;padding:0}.generator-container{margin:0 auto;max-width:1400px;padding:0;width:100%}.generator-hero{background:linear-gradient(135deg,#0ea5e9,#1f6cd5 50%,#22d3ee);border-radius:4px;box-shadow:0 20px 60px #06b6d440;margin:24px auto 32px;overflow:hidden;padding:60px 40px;position:relative}.generator-hero:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);height:500px;right:-10%;top:-50%;width:500px}.generator-hero:after,.generator-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.generator-hero:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);bottom:-30%;height:400px;left:-5%;width:400px}.hero-content{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:1}.hero-title{color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:-1px;line-height:1.1;margin:0 0 20px;text-shadow:0 2px 20px #0000001a}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.gradient-text:after{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:2px;bottom:-5px;content:"";height:4px;left:0;opacity:.5;position:absolute;right:0}.hero-subtitle{color:#fffffff2;font-size:1.3rem;font-weight:500;line-height:1.6;margin:0 auto 40px;max-width:700px}.hero-features{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:30px}.feature-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:5px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:10px;padding:12px 24px;transition:all .3s ease}.feature-badge:hover{background:#ffffff59;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.feature-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.4rem}@media (max-width:768px){.generator-hero{border-radius:5px;margin:16px;padding:40px 24px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem;margin-bottom:30px}.hero-features{flex-direction:column;gap:12px}.feature-badge{justify-content:center;padding:14px 20px;width:100%}}@media (max-width:480px){.hero-title{font-size:1.8rem;letter-spacing:-.5px}.hero-subtitle{font-size:1rem}.feature-badge{font-size:.95rem}}.info-cards-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto 48px;max-width:1200px;padding:0 24px}.info-card{background:#fff;border:2px solid #0000;border-radius:5px;box-shadow:0 4px 20px #06b6d414;padding:32px 24px;text-align:center;transition:all .3s ease}.info-card:hover{border-color:#1f6cd5;box-shadow:0 12px 40px #06b6d426;transform:translateY(-5px)}.info-icon{filter:drop-shadow(0 2px 8px rgba(6,182,212,.2));font-size:3rem;margin-bottom:16px}.info-card h3{color:#0e7490;font-size:1.4rem;font-weight:800;margin:0 0 12px}.info-card p{color:#64748b;font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.info-cards-section{gap:16px;grid-template-columns:1fr;margin-bottom:32px;padding:0 16px}.info-card{padding:24px 20px}}.generator-section-header{margin:0 auto 40px;max-width:800px;padding:0 24px;text-align:center}.generator-section-header h2{color:#0e7490;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.generator-section-header p{color:#64748b;font-size:1.15rem;font-weight:500;margin:0}@media (max-width:768px){.generator-section-header{margin-bottom:24px;padding:0 16px}.generator-section-header h2{font-size:1.8rem}.generator-section-header p{font-size:1rem}}.templates-header{border-bottom:2px solid #e0f2fe;margin-bottom:20px;margin-top:32px;padding-bottom:16px}.templates-header h3{color:#0e7490;font-size:1.5rem;font-weight:800;margin:0 0 8px}.templates-header p{color:#64748b;font-size:.95rem;font-weight:500;margin:0}.template-thumbs-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px}.template-thumb{background:#fff;border:2px solid #e0f2fe;border-radius:5px;box-shadow:0 2px 8px #06b6d40f;box-sizing:border-box;cursor:pointer;padding:10px;text-align:center;transition:all .3s ease;width:90px}.template-thumb:hover{border-color:#1f6cd5;box-shadow:0 6px 20px #06b6d426;transform:translateY(-3px)}.template-thumb.selected{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-color:#1f6cd5;box-shadow:0 8px 24px #06b6d433;transform:scale(1.05)}.template-thumb div:first-child{align-items:center;display:flex;height:60px;justify-content:center;margin:0 auto 8px;width:60px}.template-thumb div:last-child{color:#64748b;font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-thumb.selected div:last-child{color:#0e7490;font-weight:700}.auth-btn.sonar-effect{overflow:hidden;position:relative;transition:box-shadow .2s;z-index:1}.auth-btn.sonar-effect:after{background:#06b6d42e;border-radius:50%;content:"";height:0;left:50%;opacity:.7;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),opacity .4s;width:0;z-index:0}.auth-btn.sonar-effect:focus:after,.auth-btn.sonar-effect:hover:after{height:220px;opacity:.18;width:220px}.auth-btn.sonar-effect:focus,.auth-btn.sonar-effect:hover{box-shadow:0 0 0 8px #06b6d41a}.usermenu-btn{align-items:center;background:linear-gradient(90deg,#1f6cd5 60%,#0ea5e9);border:none;border-radius:5px;box-shadow:0 2px 12px #06b6d41a;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;gap:8px;padding:10px 22px;transition:box-shadow .2s,background .2s}.usermenu-btn:focus,.usermenu-btn:hover{background:linear-gradient(90deg,#0ea5e9 60%,#1f6cd5);box-shadow:0 4px 20px #06b6d42e}.usermenu-dropdown{animation:fadeInMenu .18s cubic-bezier(.4,0,.2,1);background:#fff;border:1.5px solid #e0f2fe;border-radius:5px;box-shadow:0 8px 32px #06b6d42e;display:flex;flex-direction:column;gap:2px;min-width:220px;padding:10px 0;position:absolute;right:0;top:110%;z-index:100}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{align-items:center;background:none;border:none;border-radius:5px;color:#0e7490;cursor:pointer;display:flex;font-size:1.08rem;font-weight:600;gap:10px;padding:12px 22px 12px 38px;position:relative;text-align:left;transition:background .15s,color .15s}.menu-item:focus,.menu-item:hover{background:#e0f2fe;color:#1f6cd5}.menu-icon{font-size:1.2em;margin-right:6px}.menu-divider{align-self:center;background:#e0f2fe;border-radius:2px;height:1px;margin:6px 0 6px 18px;width:80%}.badge{border-radius:5px;display:inline-block;font-size:.85em;font-weight:700;margin-left:2px;padding:2px 8px;vertical-align:middle}.badge-pro{background:#0ea5e9;color:#fff}.badge-business{background:#0369a1;color:#fff}.select-preview-row{align-items:center;display:flex;gap:10px}.svg-preview{align-items:center;background:#f1f5f9;border:1px solid #e0e7ef;border-radius:4px;display:flex;justify-content:center;min-height:32px;min-width:32px}.admin-dashboard.layout{display:block!important}.admin-dashboard .left{max-width:100%;width:100%!important}.tab-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M7 10l5 5 5-5z%27 fill=%27%2306b6d4%27 opacity=%270.9%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:32px 32px;border:2px solid #1f6cd5;border-radius:4px;box-shadow:0 4px 16px #06b6d41f;color:#0e7490;cursor:pointer;display:block;font-size:1.1rem;font-weight:700;margin-bottom:0;margin-left:0;margin-right:auto;padding:16px 58px 16px 20px;transition:all .3s ease;width:100%}.tab-dropdown:hover{border-color:#0ea5e9;box-shadow:0 6px 24px #06b6d42e}.tab-dropdown:focus{border-color:#1f6cd5;box-shadow:0 0 0 4px #06b6d426,0 6px 24px #06b6d42e;outline:none}.tab-dropdown option{background:#fff;color:#0e7490;font-weight:600;padding:12px}.App{--primary:#1f6cd5;--primary-600:#0891b2;--primary-700:#0e7490;--bg:#f6f8fb;--text:#0f172a;--muted:#64748b;--border:#d1d9e6;background:var(--bg);box-sizing:border-box;color:var(--text);font-family:Montserrat,Sans,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans;min-height:100vh}*,:after,:before{box-sizing:inherit}.auth,.layout{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:24px 40px;width:100%}.row{align-items:center;display:flex;gap:12px}button,input,select,textarea{border:1px solid var(--border);border-radius:5px;font-family:inherit;outline:none;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #06b6d433}button{background:var(--primary);border:none;color:#fff;cursor:pointer;font-weight:600}button.secondary{background:#fff;border:1px solid var(--primary-600);color:var(--primary-600);text-decoration:none}button:disabled{cursor:not-allowed;opacity:.6}.layout{grid-gap:24px;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:65% 35%}.left{display:block}.right{align-items:center;box-sizing:border-box;display:flex;height:calc(100vh - 48px);justify-content:center;position:-webkit-sticky;position:sticky;top:24px}.accordion details{background:#fff;border:2px solid #e0f2fe;border-radius:5px;box-shadow:0 4px 16px #06b6d414;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.accordion details:hover{border-color:#1f6cd5;box-shadow:0 6px 24px #06b6d41f}.accordion details[open]{border-color:#1f6cd5;box-shadow:0 8px 32px #06b6d426}.accordion summary{background:linear-gradient(90deg,#0000,#06b6d408);color:#0e7490;cursor:pointer;font-size:1.15rem;font-weight:800;list-style:none;padding:20px 24px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.accordion summary:hover{background:linear-gradient(90deg,#0000,#06b6d414);color:#1f6cd5}.accordion summary:before{color:#1f6cd5;content:"▶";display:inline-block;font-size:.9em;margin-right:12px;transition:transform .3s ease}.accordion details[open] summary:before{transform:rotate(90deg)}.accordion .section{grid-gap:14px;border-top:2px solid #e0f2fe;display:grid;gap:14px;padding:24px}.accordion .grid2{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.accordion .section input,.accordion .section select,.accordion .section textarea{border:2px solid var(--border);border-radius:4px;box-sizing:border-box;font-size:18px;height:48px;line-height:1.15;margin-bottom:7px;padding:12px 14px;width:100%}.accordion .section textarea{height:auto;min-height:120px;padding:12px 14px}.accordion .grid2>*{display:block}.accordion .grid2 input,.accordion .grid2 select{height:48px}.actions button{align-items:center;display:inline-flex;height:48px;justify-content:center}.tabs{display:flex;gap:8px}.tabs button{background:#eef3f9;border:none;color:#0f172a}.tabs button.active{background:var(--primary);color:#fff}.actions{display:flex;gap:12px;margin-bottom:16px;margin-top:16px}.actions button:first-child{background:linear-gradient(135deg,#0ea5e9,#1f6cd5);border-radius:4px;box-shadow:0 8px 24px #06b6d440;font-size:1.2rem;font-weight:800;letter-spacing:.3px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s ease}.actions button:first-child:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.actions button:first-child:hover{box-shadow:0 12px 32px #06b6d459;transform:translateY(-2px)}.actions button:first-child:hover:before{left:100%}.actions button:first-child:active{transform:translateY(0)}.actions button.secondary{background:#fff;border:2px solid #1f6cd5;border-radius:4px;box-shadow:0 4px 12px #06b6d41a;color:#1f6cd5;font-size:1.1rem;font-weight:700;padding:16px 28px;transition:all .3s ease}.actions button.secondary:hover{background:#1f6cd5;box-shadow:0 8px 20px #06b6d440;color:#fff;transform:translateY(-2px)}.actions button.secondary:active{transform:translateY(0)}.preview{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:4px solid #1f6cd5;border-radius:4px;box-shadow:0 12px 40px #06b6d426;box-sizing:border-box;display:flex;height:400px;justify-content:center;max-width:400px;overflow:hidden;padding:24px;position:relative;width:100%}.preview:before{background:radial-gradient(circle,#06b6d40d 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.preview img{border-radius:5px;box-shadow:0 4px 16px #00000014;max-height:100%;max-width:100%}.placeholder,.preview img{position:relative;z-index:1}.placeholder{color:#64748b;font-size:1.3rem;font-weight:600;letter-spacing:-.02em;padding:40px 20px;text-align:center}.templates{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:8px}.highlight-templates{border-radius:5px;box-shadow:0 4px 24px #06b6d41a;margin-bottom:18px;padding:24px 18px 18px;transition:box-shadow .2s}.highlight-templates:focus-within,.highlight-templates:hover{box-shadow:0 8px 32px #06b6d42e}.template{align-items:center;background:#0000;border:2px solid #b6e6f7;border-radius:5px;box-shadow:0 2px 8px #06b6d40f;color:#16324f;display:flex;flex-direction:column;gap:10px;height:105px;padding:16px 10px 4px;transition:border-color .2s,box-shadow .2s,transform .1s}.template:focus,.template:hover{border-color:#1f6cd5;box-shadow:0 4px 16px #06b6d421;transform:translateY(-2px) scale(1.03);z-index:1}.template .template-preview{align-items:center;background:#f6f8fb;border:1px solid #e3eaf3;border-radius:5px;display:flex;height:64px;justify-content:center;margin-bottom:4px;width:64px}.template-preview.classic{background:#1f3c88;border:2px solid #1f3c88}.template-preview.emerald{background:#2ecc71;border:2px solid #2ecc71}.template-preview.sunset{background:linear-gradient(135deg,#ff6b6b 60%,#ffe66d);border:2px solid #ff6b6b}.template-preview.mono{background:#111827;border:2px solid #111827}.template-preview.ocean{background:linear-gradient(135deg,#0ea5e9 60%,#22d3ee);border:2px solid #0ea5e9}.site-header{background:linear-gradient(90deg,var(--primary-600),var(--primary));box-shadow:0 6px 20px #06b6d440;box-sizing:border-box;color:#fff;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:50}.site-header .inner{box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:1200px;padding:14px 24px;width:100%}.brand,.site-header .inner{align-items:center;display:flex}.brand{gap:16px}.brand-logo-img{height:100px;object-fit:contain;width:100px}.brand-title-group{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;line-height:1.1}.brand-title{color:#fff;font-size:1.7rem;font-weight:800;letter-spacing:.5px;margin-bottom:2px}.brand-signature{color:#e0f2fe;font-size:1.05rem;font-weight:500;letter-spacing:.2px;margin-left:2px;opacity:.95}.nav{align-items:center;display:flex;gap:14px}.nav a,.nav button{background:#ffffff26;border:1px solid #ffffff40;color:#fff}.nav button.install-pwa{animation:pulse 2s infinite;background:#ffffffe6;border:2px solid #ffffff80;color:var(--primary-700);font-weight:700}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.site-footer{background:#0b1623;box-sizing:border-box;color:#c7d2fe;margin-top:32px;padding:40px 0 20px;width:100%}.site-footer .inner{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.site-footer a{color:#86efac;text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:6fr 1fr;margin-bottom:10px}.footer-summary h3{color:#fff;font-size:1.5rem;margin-bottom:12px}.footer-summary p{color:#c7d2fe;line-height:1.6;margin:0;max-width:800px}.footer-social h4{color:#fff;font-size:1.2rem;margin-bottom:12px}.social-links{display:flex;gap:16px}.social-links a{color:#c7d2fe;transition:color .3s}.social-links a:hover{color:#1f6cd5}.footer-bottom{align-items:center;border-top:1px solid #374151;display:flex;font-size:.9rem;justify-content:space-between;padding-top:20px;width:100%}.footer-bottom span{display:block;width:50%}@media (max-width:980px){.layout{gap:16px;grid-template-columns:1fr}.right{position:static}.preview,.right{height:auto;min-height:300px}.preview{max-width:none;width:100%}.nav{gap:8px}.footer-content{gap:24px;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.auth,.layout{padding:16px}.site-header .inner{padding:14px 16px}.site-footer .inner{padding:0 16px}}.login-hero{grid-gap:40px;align-items:stretch;box-sizing:border-box;display:grid;gap:40px;grid-template-columns:.9fr 1.1fr;margin:24px auto;max-width:1200px;min-height:300px;padding:24px;width:100%}.hero-art{background:linear-gradient(135deg,#0891b226,#06b6d466);border:1px solid #06b6d440;border-radius:5px;box-shadow:0 20px 40px #06b6d440;display:flex;flex-direction:column;justify-content:center;min-height:520px;min-width:260px;overflow:hidden;padding:32px 24px;position:relative}.hero-art:after{background:radial-gradient(600px 200px at 20% 10%,#ffffffb3,#0000),radial-gradient(600px 200px at 80% 90%,#fff9,#0000);content:"";inset:0;pointer-events:none;position:absolute}.hero-art .caption{color:#073042;font-size:18px;font-weight:800;left:24px;position:absolute;top:24px}.hero-art svg{display:block;height:480px;margin:0 auto;max-width:100%;width:100%}.login-card{background:#fff;border:1px solid var(--border);border-radius:4px;box-shadow:0 14px 30px #0206171f;display:flex;flex-direction:column;gap:28px;justify-content:center;max-width:420px;min-width:340px;padding:44px 36px 36px}.login-card h2{font-size:2rem;margin-bottom:8px;margin-top:0}.login-card .hint{color:var(--muted);font-size:15px;margin-bottom:8px}.login-card .form-fields{display:flex;flex-direction:column;gap:22px;margin-bottom:18px}.login-card input{font-size:1.1rem;padding:16px 14px}.login-card .row{justify-content:space-between;margin-top:10px}.login-card button{font-size:1.1rem;min-width:120px;padding:12px 0}.message{border-radius:5px;font-weight:500;margin-bottom:16px;padding:12px 16px}.message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}@media (max-width:480px){.auth,.layout{padding:12px}.site-header .inner{padding:12px 16px}.site-footer .inner{padding:0 16px}.login-hero{gap:20px;padding:16px}.hero-art{min-height:280px;padding:24px 16px}.login-card{padding:32px 24px 24px}.layout{gap:16px}.accordion summary{padding:12px 16px}.accordion .section{padding:12px}}@media (max-width:1024px){.layout{gap:32px;grid-template-columns:1fr!important}.right{height:auto;position:relative;top:0}.preview{margin:0 auto;max-width:100%}.generator-container{padding:0 16px}}@media (max-width:768px){.actions{flex-direction:column}.actions button.secondary,.actions button:first-child{font-size:1.1rem;width:100%}.accordion .grid2{grid-template-columns:1fr}.template-thumb{min-width:80px;width:calc(33.333% - 8px)}}@media (max-width:700px),(max-width:980px) and (display-mode:standalone){.login-hero{grid-template-columns:1fr!important}.hero-art{display:none!important}}.auth,.layout,.login-hero,.site-footer .inner,.site-header .inner{box-sizing:border-box;margin:0!important;max-width:none!important;padding-left:max(16px,env(safe-area-inset-left));padding-left:15vw!important;padding-right:max(16px,env(safe-area-inset-right));padding-right:15vw!important;width:100%!important}@media (max-width:900px){.auth,.layout,.login-hero,.site-footer .inner,.site-header .inner{padding-left:6vw!important;padding-right:6vw!important}}@media (max-width:600px){.auth,.layout,.login-hero,.site-footer .inner,.site-header .inner{padding-left:2vw!important;padding-right:2vw!important}}:root{--mobile-padding:16px;--tablet-padding:24px;--mobile-touch-target:48px}@media only screen and (max-width:767px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:14px}.container{max-width:100%;padding:16px;padding:var(--mobile-padding)}.dashboard-wrapper{padding:20px 16px;padding:20px var(--mobile-padding)}.dashboard-container{border-radius:12px}.dashboard-header{padding:24px 16px;padding:24px var(--mobile-padding)}.dashboard-header-content{align-items:flex-start!important;flex-direction:column;gap:16px}.dashboard-title-section h1{font-size:1.75rem}.dashboard-subtitle{font-size:.95rem}.dashboard-user-badge{flex-wrap:wrap;gap:8px}.badge{font-size:.85rem;padding:8px 16px}.dashboard-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 16px;padding:0 var(--mobile-padding)}.dashboard-tab{font-size:.9rem;padding:14px 20px;white-space:nowrap}.dashboard-content{padding:20px 16px;padding:20px var(--mobile-padding)}.form-input,input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{font-size:16px!important;min-height:48px;min-height:var(--mobile-touch-target);padding:12px}.btn,button:not(.mobile-menu-toggle){min-height:48px;min-height:var(--mobile-touch-target)}.qr-generator-grid{grid-template-columns:1fr}.type-selector{grid-template-columns:repeat(2,1fr)}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.modal{align-items:flex-end}.modal-content{border-radius:20px 20px 0 0;max-height:90vh}.landing-hero h1{font-size:28px}.features-grid,.plans-grid{grid-template-columns:1fr}@supports (padding:max(0px)){.container{padding-left:max(16px,env(safe-area-inset-left));padding-left:max(var(--mobile-padding),env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-right:max(var(--mobile-padding),env(safe-area-inset-right))}}}@media only screen and (min-width:768px) and (max-width:1023px){.container{margin:0 auto;max-width:768px;padding:24px;padding:var(--tablet-padding)}.type-selector{grid-template-columns:repeat(3,1fr)}.features-grid,.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}