@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Sora:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Sora:wght@400;500;600;700&display=swap";.funnel-view-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#f9fafb;z-index:1000;display:flex;flex-direction:column}.funnel-header{background:#fafafa;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.funnel-header h2{font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.funnel-header p{color:#9ca3af;font-size:.95rem;margin:0}.funnel-header-actions{display:flex;align-items:center;gap:2rem}.funnel-stats{display:flex;gap:2rem;padding:.75rem 1.5rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:#9ca3af;font-weight:500}.stat-value{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700;color:#1f2937}.btn-close{padding:.75rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.75rem;color:#ef4444;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Sora,sans-serif}.btn-close:hover{background:#ef444433;transform:translateY(-2px)}.funnel-canvas{flex:1;background:#f9fafb}.react-flow__node{font-family:Sora,sans-serif}.react-flow__edge-path{stroke-width:3}.react-flow__controls{background:#fafafa!important;border:1px solid #e5e7eb!important}.react-flow__controls-button{background:#fff!important;border-bottom:1px solid #e5e7eb!important;color:#1f2937!important}.react-flow__controls-button:hover{background:#f9fafb!important}.react-flow__controls-button svg{fill:#1f2937!important}.funnel-node{padding:1rem;min-width:280px}.node-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.node-icon{font-size:1.75rem;flex-shrink:0}.node-title{font-size:.95rem;font-weight:600;color:#1f2937;line-height:1.4}.node-metrics{display:flex;gap:1.5rem;padding:.75rem;background:#3b82f608;border-radius:.5rem;margin-bottom:.5rem}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-item .metric-value{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1}.metric-item .metric-label{font-size:.75rem;color:#9ca3af}.node-warning{font-size:.8rem;color:#ef4444;font-weight:600;padding:.5rem;background:#ef44441a;border-radius:.5rem;text-align:center}.funnel-legend{background:#fafafa;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;min-width:200px}.legend-title{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.legend-items{display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#1f2937}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.node-details-panel{position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:320px;background:#fafafa;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;box-shadow:0 12px 32px #0000001a;z-index:10}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.panel-header h3{font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.panel-header button{background:none;border:none;color:#9ca3af;font-size:1.25rem;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s}.panel-header button:hover{background:#f3f4f6;color:#1f2937}.panel-content{padding:1.5rem}.panel-content h4{font-family:Sora,sans-serif;font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem;line-height:1.4}.details-metrics{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.detail-label{font-size:.875rem;color:#9ca3af;font-weight:500}.detail-value{font-family:Sora,sans-serif;font-size:1rem;font-weight:700;color:#1f2937}.detail-actions{display:flex;flex-direction:column;gap:.5rem}.btn-detail{padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#1f2937;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Sora,sans-serif}.btn-detail:hover{background:#f9fafb;border-color:#3b82f6;transform:translateY(-2px)}@media (max-width: 768px){.funnel-header{flex-direction:column;align-items:flex-start}.funnel-header-actions{width:100%;flex-direction:column;align-items:stretch}.funnel-stats{width:100%;justify-content:space-between}.node-details-panel{right:1rem;left:1rem;width:auto;top:auto;bottom:1rem;transform:none}}.funnel-view-static{padding:24px;min-height:100vh;background:#f8f9fa}.funnel-overall-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.overall-stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d}.overall-stat-card .stat-icon{font-size:32px}.overall-stat-card .stat-value{font-size:32px;font-weight:700;color:#1a1a2e}.overall-stat-card .stat-label{font-size:14px;color:#666;margin-top:4px}.funnel-steps-container{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px}.funnel-steps-container h3{margin:0 0 8px;font-size:24px;color:#1a1a2e}.funnel-description{color:#666;margin-bottom:32px;line-height:1.6}.funnel-steps-list{display:flex;flex-direction:column;gap:0}.funnel-step-item{display:flex;flex-direction:column;align-items:center}.funnel-step-card{width:100%;max-width:600px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:24px;transition:all .3s ease}.funnel-step-card:hover{border-color:#6c5dd3;box-shadow:0 4px 12px #6c5dd31a}.funnel-step-card.first-step{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#f8f9fa)}.funnel-step-card.last-step{border-color:#6c5dd3;background:linear-gradient(135deg,#f5f3ff,#f8f9fa)}.step-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.step-number{width:40px;height:40px;border-radius:50%;background:#6c5dd3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.first-step .step-number{background:#10b981;font-size:24px}.last-step .step-number{background:#6c5dd3;font-size:24px}.step-title{font-size:18px;font-weight:600;color:#1a1a2e;flex:1}.step-metrics{display:flex;flex-direction:column;gap:12px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.metric-row.warning{background:#fef2f2;padding:12px;border-radius:8px;margin-top:8px}.metric-label{font-size:14px;color:#666}.metric-value-large{font-size:28px;font-weight:700;color:#1a1a2e}.metric-value-percentage{font-size:24px;font-weight:700}.text-red{color:#ef4444!important}.dropoff-warning{background:#fef2f2;color:#dc2626;padding:12px;border-radius:8px;font-size:14px;margin-top:12px;display:flex;align-items:center;gap:8px}.funnel-connector{display:flex;flex-direction:column;align-items:center;padding:16px 0}.connector-arrow{font-size:32px;color:#6c5dd3;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.connector-stats{margin-top:8px}.connector-dropoff{font-size:13px;color:#ef4444;font-weight:600}.funnel-summary{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000000d}.funnel-summary h3{margin:0 0 24px;font-size:24px;color:#1a1a2e}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.summary-item{display:flex;flex-direction:column;gap:8px}.summary-label{font-size:14px;color:#666}.summary-value{font-size:28px;font-weight:700;color:#1a1a2e}.funnel-view{background:#f8f9fa!important;color:#000!important}.funnel-view .funnel-header{background:#fafafa!important;border-bottom:1px solid #e5e7eb!important}.funnel-view .funnel-header h2{color:#000!important}.funnel-view .funnel-header p{color:#6b7280!important}.funnel-view .funnel-controls button,.funnel-view .btn{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#374151!important}.funnel-view .funnel-controls button:hover,.funnel-view .btn:hover{border-color:#3b82f6!important;background:#f0f9ff!important;color:#3b82f6!important}.funnel-view .close-btn{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#374151!important}.funnel-view .close-btn:hover{border-color:#ef4444!important;background:#fef2f2!important;color:#ef4444!important}.funnel-view .funnel-metrics{background:transparent!important}.funnel-view .metric-card{background:#fafafa!important;border:1px solid #e5e7eb!important;color:#000!important}.funnel-view .metric-label{color:#6b7280!important}.funnel-view .metric-value{color:#000!important}.funnel-view .react-flow,.funnel-view .react-flow__pane{background:#fff!important}.funnel-view .react-flow__node{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#000!important}.funnel-view .react-flow__node:hover{border-color:#3b82f6!important;box-shadow:0 4px 12px #3b82f626!important}.funnel-view .react-flow__node.selected{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633!important}.funnel-view .node-title{color:#000!important;font-weight:600!important}.funnel-view .node-stats{color:#6b7280!important}.funnel-view .node-count{color:#000!important;font-weight:600!important}.funnel-view .node-percentage{color:#6b7280!important}.funnel-view .conversion-badge{padding:.25rem .5rem!important;border-radius:.375rem!important;font-size:.75rem!important;font-weight:600!important}.funnel-view .conversion-badge.high{background:#22c55e1a!important;color:#16a34a!important;border:1px solid rgba(34,197,94,.2)!important}.funnel-view .conversion-badge.medium{background:#fbbf241a!important;color:#d97706!important;border:1px solid rgba(251,191,36,.2)!important}.funnel-view .conversion-badge.low{background:#ef44441a!important;color:#dc2626!important;border:1px solid rgba(239,68,68,.2)!important}.funnel-view .react-flow__edge-path{stroke:#3b82f6!important;stroke-width:2!important}.funnel-view .react-flow__edge.selected .react-flow__edge-path{stroke:#2563eb!important;stroke-width:3!important}.funnel-view .react-flow__edge-text{fill:#000!important;font-weight:600!important}.funnel-view .react-flow__edge-textbg{fill:#fafafa!important}.funnel-view .react-flow__controls{background:#fafafa!important;border:1px solid #e5e7eb!important}.funnel-view .react-flow__controls-button{background:#fafafa!important;border-bottom:1px solid #e5e7eb!important;color:#374151!important}.funnel-view .react-flow__controls-button:hover{background:#f0f9ff!important;color:#3b82f6!important}.funnel-view .react-flow__minimap{background:#fafafa!important;border:1px solid #e5e7eb!important}.funnel-view .react-flow__minimap-mask{fill:#3b82f61a!important}.funnel-view .react-flow__minimap-node{fill:#3b82f6!important}.funnel-view .details-panel{background:#fafafa!important;border-left:1px solid #e5e7eb!important;color:#000!important}.funnel-view .details-panel h3{color:#000!important;border-bottom:1px solid #e5e7eb!important}.funnel-view .detail-item{border-bottom:1px solid #e5e7eb!important}.funnel-view .detail-label{color:#6b7280!important}.funnel-view .detail-value{color:#000!important;font-weight:600!important}.funnel-view .legend{background:#fafafa!important;border:1px solid #e5e7eb!important;color:#000!important}.funnel-view .legend-item{color:#374151!important}.funnel-view .legend-color{border:1px solid #e5e7eb!important}.forms-view{width:100%}.forms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.forms-header h1{font-size:2rem;color:#1f2937;margin-bottom:.25rem}.forms-header p{color:#9ca3af;font-size:.95rem}.btn-create{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.75rem;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-family:Sora,sans-serif}.btn-create:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.forms-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #3b82f626;border-color:#3b82f64d}.stat-icon{width:56px;height:56px;background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.stat-content{flex:1}.stat-label{font-size:.875rem;color:#9ca3af;margin-bottom:.25rem;font-weight:500}.stat-value{font-family:Sora,sans-serif;font-size:1.75rem;font-weight:700;color:#1f2937}.forms-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.forms-filters .search-box{flex:1;min-width:250px;position:relative}.forms-filters .search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;color:#1f2937;font-size:.875rem;font-family:Sora,sans-serif}.forms-filters .search-box input:focus{outline:none;border-color:#3b82f6}.filter-buttons{display:flex;gap:.5rem;background:#fafafa;padding:.25rem;border-radius:.75rem;border:1px solid #e5e7eb}.filter-btn{padding:.625rem 1.25rem;background:transparent;border:none;border-radius:.5rem;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Sora,sans-serif;white-space:nowrap}.filter-btn:hover{color:#1f2937;background:#3b82f60d}.filter-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.sort-select{padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;color:#1f2937;font-size:.875rem;font-weight:500;cursor:pointer;font-family:Sora,sans-serif}.sort-select:focus{outline:none;border-color:#3b82f6}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.form-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;transition:all .3s;display:flex;flex-direction:column;gap:1rem}.form-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3b82f626;border-color:#3b82f64d}.form-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.form-title-section{flex:1;display:flex;flex-direction:column;gap:.5rem}.form-card h3{font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;line-height:1.4}.status-badge.active{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;width:fit-content}.status-badge.inactive{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;width:fit-content}.form-description{color:#9ca3af;font-size:.875rem;line-height:1.6;margin:0}.form-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb}.metric{display:flex;align-items:center;gap:.75rem}.metric .metric-icon{font-size:1.5rem}.metric .metric-value{font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700;color:#1f2937;line-height:1}.metric .metric-label{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.form-info{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#3b82f605;border-radius:.5rem}.info-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.info-label{color:#9ca3af;font-weight:500}.info-value{color:#1f2937;font-weight:600}.form-link-section{display:flex;gap:.5rem}.link-input{flex:1;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;font-size:.8rem;font-family:Sora,sans-serif}.link-input:focus{outline:none;border-color:#3b82f6}.copy-btn{width:44px;height:44px;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;font-size:1.125rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:#2563eb;transform:scale(1.05)}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.action-btn{padding:.625rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Sora,sans-serif}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.action-btn.secondary{background:#fff;color:#1f2937;border:1px solid #e5e7eb}.action-btn.secondary:hover{background:#f9fafb;border-color:#3b82f6}.action-btn.danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:.625rem}.action-btn.danger:hover{background:#ef444433}.empty-state{text-align:center;padding:4rem 2rem;background:#fafafa;border:2px dashed #e5e7eb;border-radius:1rem;margin-top:2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.empty-state p{color:#9ca3af;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#1f2937;font-size:.875rem;font-family:Sora,sans-serif}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6}.form-group textarea{resize:vertical;min-height:80px}@media (max-width: 768px){.forms-grid{grid-template-columns:1fr}.forms-filters{flex-direction:column;align-items:stretch}.filter-buttons{width:100%;justify-content:space-between}.form-metrics,.form-actions{grid-template-columns:1fr}}.forms-view{background:#f8f9fa!important;color:#000!important}.forms-view .header{background:#f8f9fa!important;border-bottom:1px solid #e5e7eb!important}.forms-view .header h1{color:#000!important}.forms-view .header p{color:#6b7280!important}.forms-view .stats-card,.forms-view .metric-card{background:#fafafa!important;border:1px solid #e5e7eb!important;color:#000!important}.forms-view .stat-label,.forms-view .metric-label{color:#6b7280!important}.forms-view .stat-value,.forms-view .metric-value{color:#000!important}.forms-view .search-box input{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#000!important}.forms-view .search-box input:focus{border-color:#3b82f6!important}.forms-view .filter-tabs{background:transparent!important}.forms-view .filter-tab{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#374151!important}.forms-view .filter-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:transparent!important;color:#fff!important}.forms-view .filter-tab:hover:not(.active){border-color:#3b82f6!important;background:#f0f9ff!important;color:#3b82f6!important}.forms-view .sort-select,.forms-view select{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#374151!important}.forms-view .sort-select:focus,.forms-view select:focus{border-color:#3b82f6!important}.forms-view .form-card{background:#fafafa!important;border:1px solid #e5e7eb!important;color:#000!important}.forms-view .form-card:hover{box-shadow:0 4px 12px #3b82f626!important;border-color:#3b82f6!important}.forms-view .form-title{color:#000!important}.forms-view .form-description{color:#6b7280!important}.forms-view .status-badge{padding:.375rem .75rem!important;border-radius:.5rem!important;font-size:.875rem!important;font-weight:600!important}.forms-view .status-badge.active{background:#22c55e1a!important;color:#16a34a!important;border:1px solid rgba(34,197,94,.2)!important}.forms-view .status-badge.inactive{background:#6b72801a!important;color:#6b7280!important;border:1px solid rgba(107,114,128,.2)!important}.forms-view .form-metrics{background:transparent!important;border-top:1px solid #e5e7eb!important}.forms-view .metric-item{color:#374151!important}.forms-view .metric-item strong{color:#000!important}.forms-view .form-actions button,.forms-view .btn{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#374151!important}.forms-view .form-actions button:hover,.forms-view .btn:hover{border-color:#3b82f6!important;background:#f0f9ff!important;color:#3b82f6!important}.forms-view .form-actions button.primary,.forms-view .btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:transparent!important;color:#fff!important}.forms-view .form-link{background:#f9fafb!important;border:1px solid #e5e7eb!important;color:#3b82f6!important}.forms-view .conversion-badge{background:#22c55e1a!important;color:#16a34a!important}.forms-view .form-date{color:#6b7280!important;font-size:.875rem!important}.forms-view .empty-state{background:#fafafa!important;border:2px dashed #e5e7eb!important;color:#6b7280!important}.forms-view .empty-state h3{color:#374151!important}.submissions-view{width:100%}.submissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.submissions-header h1{font-size:2rem;color:#1f2937;margin-bottom:.25rem}.submissions-header p{color:#9ca3af;font-size:.95rem}.submissions-count{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#fafafa;border:1px solid #e5e7eb;border-radius:.75rem}.count-badge{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700;color:#3b82f6}.count-label{font-size:.875rem;color:#9ca3af}.submissions-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.submissions-filters .search-box{flex:1;min-width:300px;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#9ca3af}.submissions-filters .search-box input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;color:#1f2937;font-size:.875rem;font-family:Sora,sans-serif}.submissions-filters .search-box input:focus{outline:none;border-color:#3b82f6}.filter-select{padding:.875rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;color:#1f2937;font-size:.875rem;font-weight:500;cursor:pointer;font-family:Sora,sans-serif;min-width:180px}.filter-select:focus{outline:none;border-color:#3b82f6}.table-container{background:#fafafa;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;margin-bottom:1.5rem}.submissions-table{width:100%;border-collapse:collapse}.submissions-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.submissions-table th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-family:Sora,sans-serif}.submissions-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.submissions-table tbody tr:hover{background:#f9fafb}.submissions-table tbody tr:last-child{border-bottom:none}.submissions-table td{padding:1rem 1.5rem;font-size:.875rem;color:#1f2937;font-family:Sora,sans-serif}.name-cell{font-weight:600;color:#1f2937}.email-cell{color:#9ca3af}.date-cell{color:#9ca3af;font-size:.8rem}.origin-badge{display:inline-block;padding:.375rem .875rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:1rem;font-size:.75rem;font-weight:600;color:#3b82f6;white-space:nowrap}.btn-view-details{padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Sora,sans-serif;white-space:nowrap}.btn-view-details:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fafafa;border:1px solid #e5e7eb;border-radius:.75rem;flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.875rem;color:#9ca3af}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-btn{padding:.625rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#1f2937;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Sora,sans-serif}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#3b82f6}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{font-size:.875rem;color:#1f2937;font-weight:600}.details-modal{background:#fafafa;border:1px solid #e5e7eb;border-radius:1rem;width:90%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}.details-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.details-modal .modal-header h3{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.details-modal .modal-header button{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s}.details-modal .modal-header button:hover{background:#f3f4f6;color:#1f2937}.details-modal .modal-body{padding:2rem;overflow-y:auto;flex:1}.submission-info{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#fff;border-radius:.75rem;margin-bottom:2rem;border:1px solid #e5e7eb}.info-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.info-label{font-size:.875rem;color:#9ca3af;font-weight:600}.info-value{font-size:.95rem;color:#1f2937;font-weight:500;text-align:right}.answers-section h4{font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.answers-list{display:flex;flex-direction:column;gap:1rem}.answer-item{padding:1.25rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;border-left:3px solid #3b82f6}.answer-question{font-size:.875rem;color:#9ca3af;font-weight:600;margin-bottom:.5rem}.answer-value{font-size:.95rem;color:#1f2937;font-weight:500;line-height:1.6}@media (max-width: 768px){.submissions-filters{flex-direction:column}.submissions-filters .search-box,.filter-select{width:100%}.table-container{overflow-x:auto}.submissions-table{min-width:800px}.pagination{flex-direction:column;text-align:center}.details-modal{width:95%;max-height:90vh}}.submissions-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#9ca3af;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Sora,sans-serif;margin-bottom:-2px}.tab:hover{color:#1f2937;background:#f9fafb}.tab.active{color:#1f2937;border-bottom-color:#3b82f6;background:#3b82f60d}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#e5e7eb;border-radius:1rem;font-size:.75rem;font-weight:700}.tab.active .tab-count{background:#3b82f6;color:#fff}.pending-step-cell{text-align:center}.pending-badge{display:inline-block;padding:.375rem .875rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:1rem;font-size:.75rem;font-weight:600;color:#ffc107;white-space:nowrap}.submissions-view{background:#f8f9fa!important;color:#000!important}.submissions-view .header,.submissions-view .submissions-header{background:#f8f9fa!important;border-bottom:1px solid #e5e7eb!important}.submissions-view .header h1,.submissions-view h1{color:#000!important}.submissions-view .header p,.submissions-view p{color:#6b7280!important}.submissions-view .status-tabs{background:transparent!important;border-bottom:2px solid #e5e7eb!important}.submissions-view .status-tab{background:transparent!important;color:#6b7280!important;border-bottom:3px solid transparent!important}.submissions-view .status-tab.active{color:#3b82f6!important;border-bottom-color:#3b82f6!important}.submissions-view .status-tab:hover:not(.active){color:#3b82f6!important;background:#f0f9ff!important}.submissions-view .search-box input,.submissions-view input[type=text]{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#000!important}.submissions-view .search-box input:focus,.submissions-view input[type=text]:focus{border-color:#3b82f6!important}.submissions-view .filter-select,.submissions-view select{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#374151!important}.submissions-view .filter-select:focus,.submissions-view select:focus{border-color:#3b82f6!important}.submissions-view .submissions-table,.submissions-view table{background:#fafafa!important;border:1px solid #e5e7eb!important}.submissions-view .submissions-table thead,.submissions-view table thead{background:#f9fafb!important;border-bottom:2px solid #e5e7eb!important}.submissions-view .submissions-table th,.submissions-view table th{color:#374151!important;font-weight:600!important;border-bottom:2px solid #e5e7eb!important}.submissions-view .submissions-table td,.submissions-view table td{color:#000!important;border-bottom:1px solid #e5e7eb!important}.submissions-view .submissions-table tr:hover,.submissions-view table tbody tr:hover{background:#f0f9ff!important}.submissions-view .status-badge{padding:.375rem .75rem!important;border-radius:.5rem!important;font-size:.875rem!important;font-weight:600!important}.submissions-view .status-badge.completed,.submissions-view .status-badge.complete{background:#22c55e1a!important;color:#16a34a!important;border:1px solid rgba(34,197,94,.2)!important}.submissions-view .status-badge.pending{background:#fbbf241a!important;color:#d97706!important;border:1px solid rgba(251,191,36,.2)!important}.submissions-view .status-badge.lost{background:#ef44441a!important;color:#dc2626!important;border:1px solid rgba(239,68,68,.2)!important}.submissions-view .form-badge{background:#3b82f61a!important;color:#3b82f6!important;border:1px solid rgba(59,130,246,.2)!important;padding:.25rem .5rem!important;border-radius:.375rem!important;font-size:.875rem!important}.submissions-view .pending-step-badge{background:#fbbf241a!important;color:#d97706!important;border:1px solid rgba(251,191,36,.2)!important;padding:.25rem .5rem!important;border-radius:.375rem!important;font-size:.875rem!important}.submissions-view .action-btn,.submissions-view button{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#374151!important}.submissions-view .action-btn:hover,.submissions-view button:hover{border-color:#3b82f6!important;background:#f0f9ff!important;color:#3b82f6!important}.submissions-view .action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:transparent!important;color:#fff!important}.submissions-view .pagination{background:transparent!important}.submissions-view .pagination button{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#374151!important}.submissions-view .pagination button.active{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:transparent!important;color:#fff!important}.submissions-view .pagination button:disabled{opacity:.5!important;cursor:not-allowed!important}.submissions-view .modal-overlay{background:#00000080!important}.submissions-view .modal{background:#fff!important;border:1px solid #e5e7eb!important;color:#000!important}.submissions-view .modal-header{background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important;color:#000!important}.submissions-view .modal-body{background:#fff!important;color:#000!important}.submissions-view .modal-footer{background:#f9fafb!important;border-top:1px solid #e5e7eb!important}.submissions-view .response-card{background:#fafafa!important;border:1px solid #e5e7eb!important;color:#000!important}.submissions-view .response-label{color:#6b7280!important;font-size:.875rem!important}.submissions-view .response-value{color:#000!important;font-weight:500!important}.submissions-view .empty-state{background:#fafafa!important;border:2px dashed #e5e7eb!important;color:#6b7280!important}.submissions-view .empty-state h3{color:#374151!important}.submissions-view .avatar{background:#dbeafe!important;color:#3b82f6!important;font-weight:600!important}body{font-family:Sora,sans-serif;background:#f9fafb;color:#1f2937}h1,h2,h3{font-family:Playfair Display,serif;font-weight:700}h4,h5,h6{font-family:Sora,sans-serif;font-weight:600}.dashboard-container{display:flex;min-height:100vh;background:#f9fafb}.sidebar{width:260px;background:#1a1a2e;border-right:1px solid rgba(255,255,255,.1);padding:2rem 0;transition:all .3s ease;position:relative}.sidebar-toggle{position:absolute;top:1.5rem;right:-12px;width:24px;height:24px;background:#6c5dd3;border:2px solid #1a1a2e;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:12px;z-index:10;transition:transform .3s ease}.sidebar-toggle:hover{transform:scale(1.1);background:#7c6de3}.logo{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#fff;padding:0 1.5rem;margin-bottom:2rem;white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.sidebar.collapsed .logo{opacity:0;pointer-events:none}.nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;color:#9ca3af;text-decoration:none;border-radius:.5rem;transition:all .2s;font-weight:500;white-space:nowrap;overflow:hidden}.nav-item:hover{background:#6c5dd31a;color:#6c5dd3}.nav-item.active{background:linear-gradient(135deg,#6c5dd3,#4ecdc4);color:#fff}.main-content{flex:1;padding:2rem;overflow-y:auto;background:#f9fafb}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header h1{font-size:2rem;color:#1f2937;margin-bottom:.25rem}.header p{color:#9ca3af;font-size:.95rem}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{padding:.625rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#1f2937;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn:hover{background:#f9fafb;border-color:#3b82f6}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;transition:all .3s}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #3b82f626;border-color:#3b82f64d}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.metric-icon.purple{background:linear-gradient(135deg,#6c5dd333,#6c5dd31a)}.metric-icon.blue{background:linear-gradient(135deg,#4ecdc433,#4ecdc41a)}.metric-icon.pink{background:linear-gradient(135deg,#ff6b9d33,#ff6b9d1a)}.menu-btn{background:none;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;padding:.25rem}.metric-label{color:#9ca3af;font-size:.875rem;margin-bottom:.5rem;font-weight:500}.metric-value{font-family:Sora,sans-serif;font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.metric-change{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.chart-title{font-family:Sora,sans-serif;font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.chart-subtitle{font-family:Sora,sans-serif;font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.chart-subtitle-small{font-size:.875rem;color:#9ca3af}.chart-subtitle-small .positive{color:#10b981;font-weight:600}.select{padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#1f2937;font-size:.875rem;cursor:pointer}.legend{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#9ca3af}.legend-dot{width:12px;height:12px;border-radius:50%}.pie-container{display:flex;gap:2rem;align-items:center}.pie-chart{flex:1}.pie-legend{flex:1;display:flex;flex-direction:column;gap:1rem}.pie-legend-item{display:flex;justify-content:space-between;align-items:center}.pie-legend-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#1f2937}.pie-legend-value{font-family:Sora,sans-serif;font-weight:600;color:#1f2937;font-size:.875rem}.table-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.table-title{font-family:Sora,sans-serif;font-size:1rem;font-weight:600;color:#1f2937}.view-all{color:#6c5dd3;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.view-all:hover{color:#7c6de3}.search-box{margin-bottom:1rem}.search-box input{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#1f2937;font-size:.875rem;font-family:Sora,sans-serif}.search-box input::placeholder{color:#6b7280}.search-box input:focus{outline:none;border-color:#6c5dd3}.submissions-list{display:flex;flex-direction:column;gap:1rem}.submission-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:.75rem;transition:all .2s;border:1px solid #e5e7eb}.submission-item:hover{background:#f9fafb;transform:translate(4px);border-color:#3b82f6}.submission-user{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6c5dd3,#4ecdc4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.user-info h4{font-size:.9rem;color:#1f2937;margin-bottom:.25rem}.user-info p{font-size:.8rem;color:#9ca3af}.submission-details{text-align:right}.submission-amount{font-family:Sora,sans-serif;font-weight:600;color:#1f2937;font-size:.95rem;margin-bottom:.25rem}.submission-date{font-size:.8rem;color:#9ca3af}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}.pie-container{flex-direction:column}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:100;transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.main-content{padding:1rem}.header{flex-direction:column;align-items:flex-start}.metrics-grid{grid-template-columns:1fr}}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;white-space:nowrap}.status-badge.realtime{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-badge.recent{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.status-badge.outdated{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.global-status{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fafafa;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:2rem}.last-update{font-size:.875rem;color:#9ca3af}.metric-actions{display:flex;align-items:center;gap:.5rem}.chart-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.table-title-row{display:flex;align-items:center;gap:.75rem}.btn.active{background:#6c5dd3;color:#fff;border-color:#6c5dd3}.view-all-btn{background:none;border:none;color:#6c5dd3;font-size:.875rem;font-weight:600;cursor:pointer;transition:color .2s;padding:.5rem 1rem;border-radius:.5rem}.view-all-btn:hover{color:#7c6de3;background:#6c5dd31a}.submission-status{font-size:.75rem;padding:.25rem .75rem;border-radius:1rem;font-weight:600;margin-top:.25rem}.submission-status.completo{background:#10b9811a;color:#10b981}.submission-status.pendente{background:#fbbf241a;color:#fbbf24}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fafafa;border:1px solid #e5e7eb;border-radius:1rem;width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.modal-header button{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s}.modal-header button:hover{background:#f9fafb;color:#1f2937}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.filter-group{margin-bottom:1.5rem}.filter-group label{display:block;font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.filter-group select{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#1f2937;font-size:.875rem;font-family:Sora,sans-serif;cursor:pointer}.filter-group select:focus{outline:none;border-color:#6c5dd3}.sort-options,.sort-order{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.sort-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s}.sort-option:hover{background:#f9fafb;border-color:#3b82f6}.sort-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#6C5DD3}.sort-option span{font-size:.875rem;color:#1f2937;font-weight:500}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.btn-secondary,.btn-primary{flex:1;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:Sora,sans-serif}.btn-secondary{background:#fff;color:#1f2937;border:1px solid #e5e7eb}.btn-secondary:hover{background:#f9fafb}.btn-primary{background:linear-gradient(135deg,#6c5dd3,#4ecdc4);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c5dd366}@media (max-width: 768px){.modal{width:95%;max-height:90vh}.modal-footer{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}.form-selector{min-width:250px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e5e7eb' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-selector option{background:#fff;color:#1f2937;padding:.75rem}.submission-form{font-size:.875rem;color:#6c5dd3;font-weight:600;padding:.375rem .875rem;background:#6c5dd31a;border-radius:.5rem;white-space:nowrap}.geo-container{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.geo-item{display:grid;grid-template-columns:200px 1fr 60px;align-items:center;gap:1rem}.geo-label{display:flex;align-items:center;gap:.75rem}.geo-rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#6c5dd31a;border-radius:50%;font-size:.875rem;font-weight:700;color:#6c5dd3;flex-shrink:0}.geo-state{font-size:.875rem;font-weight:600;color:#1f2937}.geo-bar-container{height:32px;background:#ffffff0d;border-radius:1rem;overflow:hidden;position:relative}.geo-bar{height:100%;border-radius:1rem;transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:.75rem}.geo-value{font-family:Sora,sans-serif;font-size:1rem;font-weight:700;color:#1f2937;text-align:right}@media (max-width: 768px){.geo-item{grid-template-columns:1fr;gap:.5rem}.geo-value{text-align:left}}.sidebar{width:260px;background:radial-gradient(circle at 20% 50%,rgba(30,46,71,.8) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(37,38,38,.8) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(30,46,71,.6) 0%,transparent 50%),#000;background-size:200% 200%;animation:organicWaves 15s ease-in-out infinite;border-right:1px solid rgba(59,130,246,.2);padding:2rem 0;transition:all .3s ease;position:relative}@keyframes organicWaves{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sidebar.collapsed{width:80px}.sidebar-logo{padding:0 1.5rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.sidebar-logo img{max-width:140px;height:auto;filter:brightness(1.2)}.sidebar.collapsed .sidebar-logo{opacity:0;pointer-events:none;height:0;margin:0;padding:0;overflow:hidden}.sidebar-toggle{position:absolute;top:2rem;right:-16px;width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:3px solid #000000;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;font-weight:700;z-index:100;transition:all .3s ease;box-shadow:0 4px 12px #3b82f666}.sidebar-toggle:hover{transform:scale(1.15);background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f699}.sidebar-toggle:active{transform:scale(1.05)}nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;color:#ffffffb3;text-decoration:none;border-radius:.5rem;transition:all .2s;font-weight:500;white-space:nowrap;overflow:hidden;font-family:Sora,sans-serif}.sidebar.collapsed .nav-item{justify-content:center;padding:.875rem .5rem}.sidebar.collapsed .nav-item span{display:none}.nav-item:hover{background:#3b82f626;color:#fff}.nav-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.icon{font-size:1.25rem;flex-shrink:0}.dashboard-main[data-view=overview]{background:#f8f9fa}.dashboard-main[data-view=overview] h1,.dashboard-main[data-view=overview] h2,.dashboard-main[data-view=overview] h3{font-family:Inter,sans-serif;font-weight:700;color:#000}.dashboard-main[data-view=overview] h4,.dashboard-main[data-view=overview] h5,.dashboard-main[data-view=overview] h6,.dashboard-main[data-view=overview] p,.dashboard-main[data-view=overview] span{font-family:Sora,sans-serif;color:#374151}.dashboard-main[data-view=overview] .dashboard-header{background:#f8f9fa;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem}.dashboard-main[data-view=overview] .dashboard-header h1{color:#000;font-size:1.875rem;margin-bottom:.5rem}.dashboard-main[data-view=overview] .dashboard-header p{color:#6b7280;font-size:.9375rem}.dashboard-main[data-view=overview] .header-actions button{font-family:Sora,sans-serif;padding:.625rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;transition:all .3s ease;border:2px solid #e5e7eb;background:#fff;color:#374151}.dashboard-main[data-view=overview] .header-actions button:hover{border-color:#3b82f6;background:#f0f9ff;color:#3b82f6;transform:translateY(-1px)}.dashboard-main[data-view=overview] .header-actions button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff;box-shadow:0 4px 12px #3b82f640}.dashboard-main[data-view=overview] .header-actions button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.dashboard-main[data-view=overview] .metrics-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.dashboard-main[data-view=overview] .metrics-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#3b82f6}.dashboard-main[data-view=overview] .metrics-card .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.dashboard-main[data-view=overview] .metrics-card .card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.dashboard-main[data-view=overview] .metrics-card .card-title{font-family:Sora,sans-serif;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.dashboard-main[data-view=overview] .metrics-card .card-value{font-family:Inter,sans-serif;font-size:2.25rem;font-weight:800;color:#000;line-height:1.2;margin-bottom:.5rem}.dashboard-main[data-view=overview] .metrics-card .card-change{font-family:Sora,sans-serif;font-size:.8125rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:6px}.dashboard-main[data-view=overview] .metrics-card .card-change.positive{background:#dcfce7;color:#16a34a}.dashboard-main[data-view=overview] .metrics-card .card-change.negative{background:#fee2e2;color:#dc2626}.dashboard-main[data-view=overview] .chart-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.dashboard-main[data-view=overview] .chart-card .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-main[data-view=overview] .chart-card .chart-title{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:700;color:#000}.dashboard-main[data-view=overview] .chart-card .chart-subtitle{font-family:Sora,sans-serif;font-size:.8125rem;color:#6b7280;margin-top:.25rem}.dashboard-main[data-view=overview] .submissions-table{background:#fafafa;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.dashboard-main[data-view=overview] .submissions-table table{width:100%;border-collapse:collapse}.dashboard-main[data-view=overview] .submissions-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.dashboard-main[data-view=overview] .submissions-table th{font-family:Inter,sans-serif;font-size:.8125rem;font-weight:700;color:#374151;text-align:left;padding:1rem 1.5rem;text-transform:uppercase;letter-spacing:.05em}.dashboard-main[data-view=overview] .submissions-table td{font-family:Sora,sans-serif;font-size:.875rem;color:#374151;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6}.dashboard-main[data-view=overview] .submissions-table tbody tr:hover{background:#f9fafb}.dashboard-main[data-view=overview] .submissions-table tbody tr:last-child td{border-bottom:none}.dashboard-main[data-view=overview] .status-badge{font-family:Sora,sans-serif;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:6px;display:inline-block}.dashboard-main[data-view=overview] .status-badge.realtime{background:#dcfce7;color:#16a34a}.dashboard-main[data-view=overview] .status-badge.recent{background:#fef3c7;color:#d97706}.dashboard-main[data-view=overview] .status-badge.outdated{background:#fee2e2;color:#dc2626}.dashboard-main[data-view=overview] .status-badge.complete{background:#dbeafe;color:#3b82f6}.dashboard-main[data-view=overview] .status-badge.pending{background:#fef3c7;color:#d97706}.dashboard-main[data-view=overview] .geo-view{background:#fafafa;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.dashboard-main[data-view=overview] .geo-item{display:flex;align-items:center;gap:1rem;padding:.875rem 0;border-bottom:1px solid #f3f4f6}.dashboard-main[data-view=overview] .geo-item:last-child{border-bottom:none}.dashboard-main[data-view=overview] .geo-rank{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:700;color:#3b82f6;min-width:32px}.dashboard-main[data-view=overview] .geo-state{font-family:Sora,sans-serif;font-size:.9375rem;font-weight:600;color:#000;flex:1}.dashboard-main[data-view=overview] .geo-bar{flex:2;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.dashboard-main[data-view=overview] .geo-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .6s ease}.dashboard-main[data-view=overview] .geo-percentage{font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;color:#3b82f6;min-width:48px;text-align:right}.dashboard-main[data-view=overview] .search-input{font-family:Sora,sans-serif;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#000;background:#fff;transition:all .3s ease;width:100%}.dashboard-main[data-view=overview] .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.dashboard-main[data-view=overview] .search-input::placeholder{color:#9ca3af}.dashboard-main[data-view=overview] .modal{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dashboard-main[data-view=overview] .modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem;box-shadow:0 20px 60px #00000026}.dashboard-main[data-view=overview] .modal-title{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;color:#000;margin-bottom:1.5rem}.dashboard-main[data-view=overview] .modal-label{font-family:Sora,sans-serif;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;display:block}.dashboard-main[data-view=overview] .modal-option{font-family:Sora,sans-serif;padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#fff;color:#374151;display:flex;align-items:center;gap:.75rem}.dashboard-main[data-view=overview] .modal-option:hover{border-color:#3b82f6;background:#f0f9ff}.dashboard-main[data-view=overview] .modal-option.selected{border-color:#3b82f6;background:#dbeafe;color:#3b82f6;font-weight:600}.dashboard-main[data-view=overview] .dropdown{position:relative}.dashboard-main[data-view=overview] .dropdown-button{font-family:Sora,sans-serif;padding:.625rem 1.25rem;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.dashboard-main[data-view=overview] .dropdown-button:hover{border-color:#3b82f6;background:#f0f9ff;color:#3b82f6}.dashboard-main[data-view=overview] .dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:.5rem;min-width:200px;z-index:100}.dashboard-main[data-view=overview] .dropdown-item{font-family:Sora,sans-serif;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#374151;font-size:.875rem}.dashboard-main[data-view=overview] .dropdown-item:hover{background:#f0f9ff;color:#3b82f6}.dashboard-main[data-view=overview] ::-webkit-scrollbar{width:8px;height:8px}.dashboard-main[data-view=overview] ::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.dashboard-main[data-view=overview] ::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.dashboard-main[data-view=overview] ::-webkit-scrollbar-thumb:hover{background:#2563eb}body{background:#f8f9fa!important;color:#374151!important}.dashboard-container,.main-content{background:#f8f9fa!important}.btn{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#374151!important}.btn:hover{border-color:#3b82f6!important;background:#f0f9ff!important;color:#3b82f6!important}.btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:transparent!important;color:#fff!important}.metric-card{background:#fafafa!important;border:1px solid #e5e7eb!important;color:#000!important}.metric-card .metric-label{color:#6b7280!important}.metric-card .metric-value{color:#000!important}.metric-card .metric-change{color:#374151!important}.chart-card{background:#fafafa!important;border:1px solid #e5e7eb!important}.chart-card .chart-title{color:#000!important}.chart-card .chart-subtitle{color:#6b7280!important}.table-card{background:#fafafa!important;border:1px solid #e5e7eb!important}.table-card th{color:#374151!important;background:#f9fafb!important}.table-card td{color:#374151!important}.status-bar{background:#fafafa!important;border:1px solid #e5e7eb!important}.status-bar .status-text{color:#374151!important}.geo-item{background:transparent!important;color:#000!important}.geo-state{color:#000!important}.modal{background:#fafafa!important;border:1px solid #e5e7eb!important}.modal-title{color:#000!important}.modal-label{color:#374151!important}.select{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#374151!important}.select:focus{border-color:#3b82f6!important}input[type=text],input[type=email],input[type=search]{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#000!important}input:focus{border-color:#3b82f6!important}.recharts-tooltip-wrapper .recharts-default-tooltip{background:#fafafa!important;border:1px solid #e5e7eb!important;color:#000!important}.legend-item span{color:#374151!important}.header{background:#f8f9fa!important;border-bottom:1px solid #e5e7eb!important}.header h1{color:#000!important}.header p{color:#6b7280!important}.form-selector{background:#1e2e47!important}.form-selector:hover{background:#2a3f5f!important}.form-selector{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#374151!important}.form-selector:hover{border-color:#3b82f6!important;background:#f0f9ff!important;color:#3b82f6!important}.status-bar,.data-status-bar,.update-status{background:#fafafa!important;border:1px solid #e5e7eb!important;color:#374151!important}.status-bar .status-text,.data-status-bar .status-text,.update-status .status-text{color:#374151!important}.submission-card,.submission-item,.recent-submission{background:#fafafa!important;border:1px solid #e5e7eb!important}.submission-card .submission-name,.submission-item .submission-name,.recent-submission .submission-name{color:#000!important;font-weight:600!important}.submission-card .submission-email,.submission-item .submission-email,.recent-submission .submission-email{color:#6b7280!important}.submission-card .submission-form,.submission-item .submission-form,.recent-submission .submission-form{color:#3b82f6!important}.submission-card .submission-date,.submission-item .submission-date,.recent-submission .submission-date{color:#6b7280!important}.submission-card .submission-status,.submission-item .submission-status,.recent-submission .submission-status{font-weight:600!important}.submission-avatar{background:#dbeafe!important;color:#3b82f6!important;font-weight:700!important}[class*=dark],[class*=escuro],[class*=Dark],div[style*="background: rgb(42, 63, 95)"],div[style*="background: rgb(58, 79, 111)"],div[style*="background: rgb(26, 26, 46)"],div[style*="background: #2a3f5f"],div[style*="background: #3a4f6f"],div[style*="background: #1a1a2e"]{background:#fafafa!important;color:#374151!important}.table-card .card-header,.submissions-section .section-header{background:transparent!important;color:#000!important}.table-card .card-title,.submissions-section .section-title{color:#000!important}.table-card table tbody tr{background:transparent!important}.table-card table tbody tr:hover{background:#f9fafb!important}.table-card table td{color:#374151!important}.table-card table td strong{color:#000!important}.global-status{background:#fafafa!important;border:1px solid #e5e7eb!important;padding:1rem!important;border-radius:.75rem!important;margin-bottom:2rem!important}.last-update{font-size:.875rem!important;color:#6b7280!important}.status-badge{padding:.375rem .75rem!important;border-radius:.5rem!important;font-size:.875rem!important;font-weight:600!important}.status-badge.realtime{background:#22c55e1a!important;color:#16a34a!important;border:1px solid rgba(34,197,94,.2)!important}.status-badge.recent{background:#eab3081a!important;color:#ca8a04!important;border:1px solid rgba(234,179,8,.2)!important}.status-badge.outdated{background:#ef44441a!important;color:#dc2626!important;border:1px solid rgba(239,68,68,.2)!important}.dashboard-container{display:flex;min-height:100vh;background:#f8f9fa!important;transition:all .3s ease}.main-content{flex:1;padding:2rem;overflow-y:auto;background:#f8f9fa!important;transition:all .3s ease}.metrics-grid,.charts-grid{display:grid;gap:1.5rem;width:100%}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media (max-width: 768px){.sidebar:not(.collapsed){position:fixed;left:0;top:0;bottom:0;z-index:1000}.metrics-grid,.charts-grid{grid-template-columns:1fr}}.btn-icon{font-size:1.1rem;display:inline-block;margin-right:.25rem}.status-icon{font-size:.75rem;display:inline-block;margin-right:.25rem}.chart-icon{font-size:1.1rem;display:inline-block;margin-right:.5rem}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.metric-icon.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.metric-icon.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.metric-icon.pink{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff}[data-view=overview] .modal-overlay{background:#00000080!important}[data-view=overview] .modal{background:#fff!important;border:1px solid #e5e7eb!important;color:#000!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}[data-view=overview] .modal-header{background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important;color:#000!important;padding:1.5rem!important}[data-view=overview] .modal-header h3{color:#000!important;font-family:Inter,sans-serif!important;font-weight:700!important;font-size:1.25rem!important;margin:0!important}[data-view=overview] .modal-header button{background:transparent!important;border:none!important;color:#6b7280!important;font-size:1.5rem!important;cursor:pointer!important;padding:.25rem .5rem!important;border-radius:.375rem!important;transition:all .2s!important}[data-view=overview] .modal-header button:hover{background:#f3f4f6!important;color:#000!important}[data-view=overview] .modal-body{background:#fff!important;color:#000!important;padding:1.5rem!important}[data-view=overview] .modal-footer{background:#f9fafb!important;border-top:1px solid #e5e7eb!important;padding:1rem 1.5rem!important;display:flex!important;justify-content:flex-end!important;gap:.75rem!important}[data-view=overview] .modal button.btn,[data-view=overview] .modal-footer button{background:#fafafa!important;border:2px solid #e5e7eb!important;color:#374151!important;padding:.625rem 1.25rem!important;border-radius:.5rem!important;font-family:Sora,sans-serif!important;font-weight:500!important;font-size:.875rem!important;cursor:pointer!important;transition:all .2s!important}[data-view=overview] .modal button.btn:hover,[data-view=overview] .modal-footer button:hover{border-color:#3b82f6!important;background:#f0f9ff!important;color:#3b82f6!important}[data-view=overview] .modal button.btn.primary,[data-view=overview] .modal-footer button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:transparent!important;color:#fff!important}[data-view=overview] .modal button.btn.primary:hover,[data-view=overview] .modal-footer button.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}[data-view=overview] .sort-options{display:flex!important;flex-direction:column!important;gap:.75rem!important}[data-view=overview] .sort-option{display:flex!important;align-items:center!important;padding:.875rem 1rem!important;background:#fafafa!important;border:2px solid #e5e7eb!important;border-radius:.5rem!important;cursor:pointer!important;transition:all .2s!important}[data-view=overview] .sort-option:hover{border-color:#3b82f6!important;background:#f0f9ff!important}[data-view=overview] .sort-option input[type=radio]{margin-right:.75rem!important;accent-color:#3b82f6!important}[data-view=overview] .sort-option label{color:#000!important;font-family:Sora,sans-serif!important;font-weight:500!important;cursor:pointer!important;flex:1!important}[data-view=overview] .filter-group{margin-bottom:1.25rem!important}[data-view=overview] .filter-group label{display:block!important;color:#374151!important;font-family:Sora,sans-serif!important;font-weight:600!important;font-size:.875rem!important;margin-bottom:.5rem!important}[data-view=overview] .filter-group select,[data-view=overview] .filter-group input{width:100%!important;background:#fafafa!important;border:2px solid #e5e7eb!important;color:#000!important;padding:.625rem .875rem!important;border-radius:.5rem!important;font-family:Sora,sans-serif!important;font-size:.875rem!important;transition:all .2s!important}[data-view=overview] .filter-group select:focus,[data-view=overview] .filter-group input:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}[data-view=overview] .modal-icon{font-size:1.1rem!important;margin-right:.5rem!important;color:#3b82f6!important}.login-container{display:flex;min-height:100vh;width:100%;overflow:hidden}.login-left{flex:0 0 60%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.animated-gradient-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:radial-gradient(ellipse 100% 60% at 30% 40%,rgba(37,38,38,.7) 0%,transparent 55%),radial-gradient(ellipse 90% 70% at 70% 60%,rgba(30,46,71,.65) 0%,transparent 60%),radial-gradient(ellipse 110% 50% at 50% 80%,rgba(37,38,38,.6) 0%,transparent 58%),radial-gradient(ellipse 95% 65% at 20% 70%,rgba(30,46,71,.6) 0%,transparent 52%),radial-gradient(ellipse 85% 55% at 80% 30%,rgba(37,38,38,.55) 0%,transparent 50%),linear-gradient(135deg,#1e2e47,#252626,#1e2e47);background-size:350% 250%,320% 280%,380% 220%,340% 260%,310% 240%,100% 100%;animation:organicWaves 15s ease-in-out infinite;will-change:background-position;filter:contrast(1.05) brightness(.98)}.animated-gradient-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");opacity:.4;pointer-events:none}@keyframes organicWaves{0%,to{background-position:0% 50%,100% 50%,50% 100%,30% 0%,80% 70%,0% 0%}20%{background-position:20% 40%,80% 60%,60% 90%,40% 10%,70% 80%,0% 0%}40%{background-position:50% 30%,50% 70%,70% 70%,60% 30%,60% 90%,0% 0%}60%{background-position:80% 40%,30% 60%,40% 80%,70% 40%,50% 70%,0% 0%}80%{background-position:60% 50%,60% 50%,50% 60%,50% 50%,70% 60%,0% 0%}}.login-left-overlay{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}.login-logo{width:220px;height:auto;filter:drop-shadow(0 4px 30px rgba(59,130,246,.5))}.login-right{flex:0 0 40%;background:#fff;display:flex;align-items:center;justify-content:center;padding:3rem}.login-form-container{width:100%;max-width:420px}.login-header{margin-bottom:2.5rem}.login-header h2{font-family:Inter,sans-serif;font-size:1.875rem;font-weight:700;color:#000;margin-bottom:.5rem}.login-header p{font-family:Sora,sans-serif;font-size:.9375rem;color:#6b7280;font-weight:400}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.875rem;font-weight:500;font-family:Sora,sans-serif}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:#000}.form-group input{font-family:Sora,sans-serif;padding:.875rem 1.125rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;color:#000;transition:all .3s ease;background:#fff}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-group input::placeholder{color:#9ca3af}.password-input{position:relative}.password-input input{width:100%;padding-right:3.5rem}.toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.125rem;cursor:pointer;padding:.5rem;color:#6b7280;transition:color .3s ease;font-family:Sora,sans-serif}.toggle-password:hover{color:#3b82f6}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-family:Sora,sans-serif;font-size:.8125rem;color:#6b7280;font-weight:500}.checkbox-label input[type=checkbox]{width:17px;height:17px;cursor:pointer;accent-color:#3b82f6}.forgot-password{font-family:Sora,sans-serif;font-size:.8125rem;color:#3b82f6;text-decoration:none;font-weight:600;transition:color .3s ease}.forgot-password:hover{color:#2563eb;text-decoration:underline}.btn-login{font-family:Inter,sans-serif;padding:.9375rem 1.875rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #3b82f64d}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #3b82f666}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;text-align:center;margin:.5rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider span{font-family:Sora,sans-serif;padding:0 1rem;color:#6b7280;font-size:.8125rem;font-weight:500}.btn-google{font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.9375rem 1.875rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#000;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-google:hover{border-color:#3b82f6;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f626}.code-input{text-align:center;font-size:1.5rem!important;font-weight:700!important;letter-spacing:.5rem;font-family:Inter,monospace!important}.btn-back{font-family:Inter,sans-serif;padding:.9375rem 1.875rem;background:#f3f4f6;border:none;border-radius:12px;color:#000;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#e5e7eb}.resend-code{text-align:center;margin-top:1rem}.resend-code p{font-family:Sora,sans-serif;font-size:.8125rem;color:#6b7280;margin-bottom:.5rem}.link-button{font-family:Inter,sans-serif;background:none;border:none;color:#3b82f6;font-size:.8125rem;font-weight:700;cursor:pointer;text-decoration:underline;transition:color .3s ease}.link-button:hover{color:#2563eb}.login-footer{margin-top:3rem;text-align:center}.login-footer p{font-family:Sora,sans-serif;font-size:.75rem;color:#9ca3af;font-weight:400}@media (max-width: 1024px){.login-left,.login-right{flex:0 0 50%}.login-logo{width:180px}}@media (max-width: 768px){.login-container{flex-direction:column}.login-left{flex:1;min-height:35vh}.login-right{flex:1;padding:2rem 1.5rem}.login-logo{width:150px}.login-header h2{font-size:1.625rem}}@media (max-width: 480px){.login-header h2{font-size:1.5rem}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.login-left{min-height:30vh}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa}#root{min-height:100vh}