:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{background-color:#f5f5f5;min-width:320px;min-height:100vh;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background:#fff;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-form-container{width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:40px}.login-icon{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex;box-shadow:0 8px 20px #3b82f633}.login-header h1{color:#1e3a8a;margin-bottom:8px;font-size:32px;font-weight:700}.login-header p{color:#6b7280;font-size:14px}.login-form{margin-bottom:24px}.input-group{margin-bottom:20px}.input-group label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-icon{position:relative}.input-icon input{box-sizing:border-box;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;width:100%;padding:14px 16px 14px 44px;font-size:14px;transition:all .2s}.input-icon input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.input-icon input::placeholder{color:#9ca3af}.input-icon .input-field-icon{color:#9ca3af;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon input:focus+.input-field-icon{color:#3b82f6}.password-toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:hover{color:#3b82f6}.options{justify-content:space-between;align-items:center;margin:20px 0 28px;font-size:13px;display:flex}.remember{color:#374151;cursor:pointer;align-items:center;gap:8px;display:flex}.remember input{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px;margin:0}.forgot-link{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#2563eb;text-decoration:underline}.btn-signin{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-signin:hover{transform:translateY(-1px);box-shadow:0 8px 20px #3b82f64d}.btn-signin:disabled{opacity:.6;cursor:not-allowed;transform:none}.divider{align-items:center;gap:16px;margin:24px 0;display:flex}.divider-line{background:#e5e7eb;flex:1;height:1px}.divider-text{color:#9ca3af;font-size:12px}.btn-google{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-google:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-1px)}.signup-link{text-align:center;color:#6b7280;margin-top:28px;font-size:13px}.signup-link a{color:#3b82f6;margin-left:6px;font-weight:600;text-decoration:none;transition:color .2s}.signup-link a:hover{color:#2563eb;text-decoration:underline}.error-message{color:#dc2626;background:#fee2e2;border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}@media (width<=480px){.login-page{padding:16px}.login-header h1{font-size:28px}.options{flex-direction:column;align-items:flex-start;gap:12px}.btn-signin,.btn-google{padding:12px}}.dashboard-container{background-color:#f5f5f5;width:100%;min-height:100vh;padding:24px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.header-left{text-align:left;flex:1}.page-title{color:#1e3a8a;text-align:left;margin:0;font-size:40px;font-weight:700;line-height:1.1}.page-kicker{color:#666;text-align:left;margin-top:8px;font-size:14px}.header-right{align-items:center;gap:12px;display:flex}.btn-export{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:10px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-export.csv{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.btn-export.excel{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-export:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-export:disabled{opacity:.6;cursor:not-allowed;transform:none}.stats-grid-dashboard{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card-dashboard{background:#fff;border-radius:12px;justify-content:flex-end;align-items:center;gap:10px;min-height:80px;padding:12px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.stat-card-dashboard:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon-wrapper.red{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.stat-icon-dashboard{font-size:28px}.stat-icon-dashboard.blue{color:#1565c0}.stat-icon-dashboard.green{color:#2e7d32}.stat-icon-dashboard.orange{color:#e65100}.stat-icon-dashboard.red{color:#c62828}.stat-info-dashboard{text-align:right;flex:1}.progress-section{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.progress-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000014}.progress-card h3{color:#1e3a8a;margin-bottom:20px;font-size:16px;font-weight:600}.progress-circle-container{justify-content:center;margin-bottom:24px;display:flex}.progress-circle{width:160px;height:160px;position:relative}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:#e5e7eb;stroke-width:8px}.progress-fill{fill:none;stroke:#3b82f6;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .5s}.progress-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-text span{color:#1e3a8a;font-size:28px;font-weight:800}.progress-stats{justify-content:space-around;margin-top:16px;display:flex}.progress-item{color:#374151;align-items:center;gap:8px;font-size:13px;display:flex}.progress-dot{border-radius:50%;width:10px;height:10px}.validated-dot{background:#2e7d32}.pending-dot{background:#e65100}.rejected-dot{background:#c62828}.stats-summary{background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);border-radius:16px;flex-direction:column;justify-content:center;gap:20px;padding:24px;display:flex}.summary-item{background:#ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.summary-label{color:#ffffffe6;font-size:13px}.summary-value{color:#fff;font-size:24px;font-weight:700}.charts-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;display:grid}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014}.chart-header{background:#fafafa;border-bottom:1px solid #f0f0f0;padding:16px 20px}.chart-header h3{color:#1e3a8a;align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:600;display:flex}.chart-header p{color:#888;font-size:12px}.chart-body{padding:20px}.chart-bar-item{margin-bottom:20px}.chart-bar-label{color:#374151;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.chart-icon{font-size:20px}.chart-count{color:#1e3a8a;margin-left:auto;font-weight:700}.chart-bar-container{background:#e5e7eb;border-radius:8px;height:32px;margin-bottom:6px;overflow:hidden}.chart-bar{color:#fff;border-radius:8px;justify-content:flex-end;align-items:center;height:100%;padding-right:8px;font-size:12px;font-weight:600;transition:width .5s;display:flex}.chart-percentage{color:#888;text-align:right;font-size:11px}.chart-pie-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.chart-pie-item:last-child{border-bottom:none}.pie-label{color:#374151;align-items:center;gap:10px;font-size:13px;display:flex}.pie-dot{border-radius:50%;width:12px;height:12px}.pie-count{color:#1e3a8a;margin-left:8px;font-weight:600}.pie-percentage{color:#3b82f6;font-size:13px;font-weight:600}.chart-empty{text-align:center;color:#999;padding:40px;font-size:14px}.quick-stats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.quick-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.quick-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quick-icon{font-size:32px}.quick-stat h4{color:#888;margin-bottom:4px;font-size:13px}.quick-stat p{color:#1e3a8a;margin:0;font-size:15px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){.stats-grid-dashboard{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-container{padding:16px}.page-title{font-size:28px}.dashboard-header{flex-direction:column}.header-right{flex-direction:column;width:100%}.btn-export{justify-content:center;width:100%}.stats-grid-dashboard{grid-template-columns:1fr;gap:28px}.progress-section,.charts-grid,.quick-stats{grid-template-columns:1fr}}.poles-container{background-color:#f5f5f5;width:100%;min-height:100vh;padding:24px}.poles-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.poles-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card-poles{background:#fff;border-radius:12px;justify-content:flex-end;align-items:center;gap:10px;min-height:80px;padding:12px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.stat-card-poles:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon-poles{color:#1e3a8a;font-size:28px}.stat-icon-poles.blue{color:#1565c0}.stat-icon-poles.green{color:#2e7d32}.stat-icon-poles.orange{color:#e65100}.stat-icon-poles.purple{color:#6a1b9a}.stat-info-poles{text-align:right;flex:1}.poles-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.pole-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #00000014}.pole-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.pole-card-header{background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pole-icon-wrapper{color:#3b82f6;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pole-actions{gap:8px;display:flex}.pole-card-body{padding:20px}.pole-card-body h3{color:#1e3a8a;margin-bottom:8px;font-size:18px;font-weight:700}.arret-name{color:#6b7280;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.coordinates{color:#9ca3af;border-top:1px solid #f0f0f0;gap:16px;margin-top:12px;padding-top:12px;font-size:12px;display:flex}.coordinates span{align-items:center;gap:4px;display:flex}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.view-mode p{color:#1f2937;background:#f9fafb;border-radius:10px;margin:0;padding:8px 12px;font-size:15px;font-weight:500}.form-group input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}@media (width<=1200px){.poles-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.poles-container{padding:16px}.page-title{font-size:28px}.poles-header{flex-direction:column}.poles-stats{grid-template-columns:1fr;gap:28px}.poles-grid,.form-row{grid-template-columns:1fr}}.zones-container{background-color:#f5f5f5;width:100%;min-height:100vh;padding:24px}.zones-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.btn-secondary{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:10px;padding:10px 20px;font-weight:500;transition:all .2s}.stats-grid-zones{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card-zones{background:#fff;border-radius:12px;justify-content:flex-end;align-items:center;gap:10px;min-height:80px;padding:12px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.stat-card-zones:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon-zones{color:#1e3a8a;font-size:28px}.stat-icon-zones.blue{color:#1565c0}.stat-icon-zones.green{color:#2e7d32}.stat-info-zones{text-align:right;flex:1}.zones-table{border-collapse:collapse;width:100%;min-width:900px}.zones-table th{text-align:left;color:#555;background:#fafafa;border-bottom:1px solid #e0e0e0;padding:16px 20px;font-size:13px;font-weight:600}.zones-table td{color:#444;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:16px 20px;font-size:14px}.zones-table tr:hover{background:#fafafa}.zone-name{color:#1e3a8a;font-weight:600}.ligne-badge{border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.ligne-1{color:#3b82f6;background:#3b82f620}.ligne-2{color:#10b981;background:#10b98120}.ligne-3{color:#f59e0b;background:#f59e0b20}.ligne-4{color:#8b5cf6;background:#8b5cf620}.ligne-5{color:#ef4444;background:#ef444420}.coordinates-cell{color:#6b7280;align-items:center;gap:8px;font-size:13px;display:flex}.access-point-name{color:#1f2937;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.access-point-coords{color:#9ca3af;align-items:center;gap:4px;font-size:11px;display:flex}.actions{gap:8px;display:flex}.icon-btn.view{color:#3b82f6}.icon-btn.view:hover{background:#eff6ff;transform:scale(1.05)}.modal-content{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:90vh;animation:.25s modalFadeIn;overflow-y:auto}.view-mode .detail-item{margin-bottom:20px}.view-mode label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.view-mode .view-value{color:#1f2937;background:#f9fafb;border-radius:10px;margin:0;padding:8px 12px;font-size:15px;font-weight:500}.form-group input,.form-group select{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-footer{background:#fafafa;border-top:1px solid #f0f0f0;border-radius:0 0 20px 20px;justify-content:flex-end;gap:12px;padding:14px 22px;display:flex}@media (width<=768px){.zones-container{padding:16px}.page-title{font-size:28px}.zones-header{flex-direction:column}.stats-grid-zones{grid-template-columns:1fr;gap:28px}.form-row{grid-template-columns:1fr}.zones-table th,.zones-table td{padding:12px 16px}.coordinates-cell{flex-wrap:wrap}.ligne-badge{white-space:nowrap}}.modes-container{background-color:#f5f5f5;width:100%;min-height:100vh;padding:24px}.modes-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.stats-grid-modes{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card-modes{background:#fff;border-radius:12px;justify-content:flex-end;align-items:center;gap:10px;min-height:80px;padding:12px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.stat-card-modes:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon-modes{color:#1e3a8a;font-size:28px}.stat-icon-modes.blue{color:#1565c0}.stat-icon-modes.green{color:#2e7d32}.stat-icon-modes.orange{color:#e65100}.stat-icon-modes.purple{color:#6a1b9a}.stat-info-modes{text-align:right;flex:1}.modes-table{border-collapse:collapse;width:100%;min-width:600px}.modes-table th{text-align:left;color:#555;background:#fafafa;border-bottom:1px solid #e0e0e0;padding:16px 20px;font-size:13px;font-weight:600}.modes-table td{color:#444;border-bottom:1px solid #f0f0f0;padding:16px 20px;font-size:14px}.modes-table tr:hover{background:#fafafa}.mode-icon-cell{width:48px}.mode-icon-wrapper{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mode-icon-wrapper.moto{color:#f59e0b}.mode-icon-wrapper.bus{color:#3b82f6}.mode-icon-wrapper.taxi{color:#10b981}.mode-icon-wrapper.mototaxi{color:#8b5cf6}.mode-icon-wrapper.velo{color:#06b6d4}.mode-icon-wrapper.pied{color:#84cc16}.mode-icon-wrapper.trotinette{color:#ec4899}.status-badge{color:#059669;background:#d1fae5;border-radius:30px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.form-group input{box-sizing:border-box;text-transform:uppercase;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s}.form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}@media (width<=1200px){.stats-grid-modes{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.modes-container{padding:16px}.page-title{font-size:28px}.modes-header{flex-direction:column}.stats-grid-modes{grid-template-columns:1fr;gap:28px}.table-container{border-radius:12px}.modes-table th,.modes-table td{padding:12px 16px}.actions{justify-content:flex-start}}.quotas-container{background-color:#f5f5f5;width:100%;min-height:100vh;padding:24px}.quotas-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.stats-grid-quotas{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card-quotas{background:#fff;border-radius:12px;justify-content:flex-end;align-items:center;gap:10px;min-height:80px;padding:12px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.stat-card-quotas:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon-quotas{font-size:28px}.stat-icon-quotas.blue{color:#1565c0}.stat-icon-quotas.green{color:#2e7d32}.stat-icon-quotas.orange{color:#e65100}.stat-icon-quotas.purple{color:#6a1b9a}.stat-info-quotas{text-align:right;flex:1}.quotas-table{border-collapse:collapse;width:100%;min-width:800px}.quotas-table th{text-align:left;color:#555;background:#fafafa;border-bottom:1px solid #e0e0e0;padding:16px 20px;font-size:13px;font-weight:600}.quotas-table td{color:#444;border-bottom:1px solid #f0f0f0;padding:16px 20px;font-size:14px}.quotas-table tr:hover{background:#fafafa}.mode-cell{width:200px}.mode-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mode-name{color:#1f2937;font-weight:600}.target-cell,.current-cell,.remaining-cell{text-align:right;font-weight:600}.target-cell{color:#1e3a8a}.current-cell{color:#10b981}.remaining-cell{color:#f59e0b}.progress-cell{min-width:200px}.progress-wrapper{width:100%}.progress-bar-container{background:#e5e7eb;border-radius:10px;height:8px;margin-bottom:8px;overflow:hidden}.progress-bar{border-radius:10px;height:100%;transition:width .5s}.progress-info{justify-content:space-between;align-items:center;font-size:11px;display:flex}.status-achieved{color:#059669;background:#d1fae5}.status-close{color:#d97706;background:#fef3c7}.status-progress{color:#4f46e5;background:#e0e7ff}.status-far{color:#dc2626;background:#fee2e2}.progress-percentage{color:#1e3a8a;font-weight:600}.form-group select,.form-group input{box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.form-group select:focus,.form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}@media (width<=1200px){.stats-grid-quotas{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.quotas-container{padding:16px}.page-title{font-size:28px}.quotas-header{flex-direction:column}.stats-grid-quotas{grid-template-columns:1fr;gap:28px}.table-container{border-radius:12px}.quotas-table th,.quotas-table td{padding:12px 16px}.actions{justify-content:flex-start}}.enquetes-container{background-color:#f5f5f5;width:100%;min-height:100vh;padding:24px}.enquetes-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.stats-grid-enquetes{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card-enquetes{background:#fff;border-radius:12px;justify-content:flex-end;align-items:center;gap:10px;min-height:80px;padding:12px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.stat-card-enquetes:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon-enquetes{color:#1e3a8a;font-size:28px}.stat-icon-enquetes.blue{color:#1565c0}.stat-icon-enquetes.green{color:#2e7d32}.stat-icon-enquetes.orange{color:#e65100}.stat-icon-enquetes.purple{color:#6a1b9a}.stat-info-enquetes{text-align:right;flex:1}.filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filter-btn{cursor:pointer;color:#666;background:#fff;border:1px solid #e0e0e0;border-radius:30px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.filter-btn:hover{color:#3b82f6;border-color:#3b82f6}.filter-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.enquetes-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;display:grid}.enquete-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #00000014}.enquete-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.enquete-card-header{background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mode-info{align-items:center;gap:12px;display:flex}.mode-icon{color:#3b82f6;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mode-info h3{color:#1e3a8a;margin-bottom:4px;font-size:16px;font-weight:700}.enquete-id{color:#888;font-size:11px}.status-badge.draft{color:#d97706;background:#fef3c7}.status-badge.validated{color:#059669;background:#d1fae5}.enquete-card-body{padding:20px}.km-info{border-bottom:1px solid #f0f0f0;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;display:flex}.km-item{text-align:center;flex:1}.km-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;display:block}.km-value{color:#1f2937;font-size:22px;font-weight:700}.km-value.positive{color:#10b981}.km-value.negative{color:#ef4444}.km-value.neutral{color:#6b7280}.enquete-actions{gap:12px;display:flex}.btn-outline{cursor:pointer;color:#3b82f6;background:#fff;border:1px solid #3b82f6;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-outline:hover{color:#fff;background:#3b82f6}.btn-validate{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-validate:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 10px #3b82f64d}.modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-body{padding:22px}.detail-group{margin-bottom:18px}.detail-group label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.detail-group p{color:#1f2937;background:#f9fafb;border-radius:10px;align-items:center;gap:10px;margin:0;padding:8px 12px;font-size:15px;font-weight:500;display:flex}.mode-highlight{align-items:center;gap:10px;display:flex}.empty-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-column:1/-1;padding:60px 20px}.empty-icon{opacity:.5;color:#3b82f6;margin-bottom:16px;font-size:48px}.empty-state p{color:#888;font-size:14px}.error-banner{color:#dc2626;background:#fee2e2;border-radius:10px;margin-bottom:24px;padding:12px 16px;font-size:14px}@media (width<=1200px){.stats-grid-enquetes{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.enquetes-container{padding:16px}.page-title{font-size:28px}.enquetes-header{flex-direction:column}.stats-grid-enquetes{grid-template-columns:1fr;gap:28px}.enquetes-grid{grid-template-columns:1fr}.filters{justify-content:center}.enquete-actions{flex-direction:column}}.users-container{background-color:#f5f5f5;width:100%;min-height:100vh;padding:24px}.users-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.header-left{flex:1}.page-title{color:#1e3a8a;margin:0;font-size:40px;font-weight:700;line-height:1.1}.page-kicker{color:#666;margin-top:8px;font-size:14px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:none;border-radius:30px;align-items:center;gap:10px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.stats-grid-users{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card-users{background:#fff;border-radius:12px;justify-content:flex-end;align-items:center;gap:10px;min-height:80px;padding:12px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.stat-card-users:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon-wrapper{z-index:2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;display:flex;position:absolute;top:-15px;left:16px;box-shadow:0 4px 10px #0000001a}.stat-icon-wrapper.blue{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.stat-icon-wrapper.green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.stat-icon-wrapper.orange{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.stat-icon-wrapper.purple{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.stat-icon-users{font-size:28px}.stat-icon-users.blue{color:#1565c0}.stat-icon-users.green{color:#2e7d32}.stat-icon-users.orange{color:#e65100}.stat-icon-users.purple{color:#6a1b9a}.stat-info-users{text-align:right;flex:1}.stat-value{color:#1a1a2e;margin-bottom:2px;font-size:22px;font-weight:700;display:block}.stat-label{color:#888;font-size:11px;display:block}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #00000014}.users-table{border-collapse:collapse;width:100%;min-width:800px}.users-table th{text-align:left;color:#555;background:#fafafa;border-bottom:1px solid #e0e0e0;padding:16px 20px;font-size:13px;font-weight:600}.users-table td{color:#444;border-bottom:1px solid #f0f0f0;padding:16px 20px;font-size:14px}.users-table tr:hover{background:#fafafa}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#9ca3af;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-name{flex-direction:column;display:flex}.user-fullname{color:#1f2937;font-weight:600}.user-username{color:#9ca3af;font-size:11px}.user-email{color:#6b7280}.email-wrapper{color:#6b7280;align-items:center;gap:8px;display:flex}.email-wrapper svg{color:#9ca3af;flex-shrink:0}.role-badge{border-radius:30px;align-items:center;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.role-super-admin{color:#d97706;background:#fef3c7}.role-admin{color:#4f46e5;background:#e0e7ff}.role-enqueteur{color:#16a34a;background:#dcfce7}.status-badge{border-radius:30px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.status-active{color:#059669;background:#d1fae5}.status-inactive{color:#dc2626;background:#fee2e2}.actions{justify-content:flex-end;gap:10px;display:flex}.icon-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.icon-btn.toggle-status{color:#f59e0b}.icon-btn.toggle-status:hover{color:#d97706;background:#fffbeb;transform:scale(1.05)}.icon-btn.edit{color:#3b82f6}.icon-btn.edit:hover{background:#eff6ff;transform:scale(1.05)}.icon-btn.delete{color:#ef4444}.icon-btn.delete:hover{background:#fee2e2;transform:scale(1.05)}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;width:90%;max-width:550px;animation:.25s modalFadeIn;overflow:hidden}.modal-header{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-header h2{color:#1e3a8a;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.close-btn{cursor:pointer;color:#777;background:0 0;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.close-btn:hover{color:#c62828;background:#fee2e2;border-color:#ffcdd2}.modal-body{background:#fff;padding:22px}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group select{box-sizing:border-box;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.form-group input::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.password-input-wrapper{width:100%;position:relative}.password-input-wrapper input{box-sizing:border-box;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:12px 40px 12px 14px;font-size:14px;transition:all .2s}.password-input-wrapper input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.password-toggle-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:#3b82f6}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px}.form-group select option{color:#1f2937;background:#fff;padding:10px}.form-group select optgroup{color:#1f2937}.role-select,.pole-select{cursor:pointer;appearance:none;color:#1f2937;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 14px center no-repeat;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;padding:12px 14px;font-size:14px}.role-select:focus,.pole-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-row{flex-wrap:wrap;gap:16px;display:flex}.form-group.half{flex:1;min-width:150px}.helper-text{color:#9ca3af;margin-top:6px;font-size:11px}.modal-footer{background:#fafafa;border-top:1px solid #f0f0f0;justify-content:flex-end;gap:12px;padding:14px 22px;display:flex}.btn-secondary{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.btn-secondary:hover{background:#f5f5f5}.error-banner{color:#dc2626;background:#fee2e2;border-radius:10px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.loading-container{flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-container p{color:#6b7280;margin-top:16px}.form-group.half{opacity:1;transition:all .3s;transform:translate(0)}@media (width<=1200px){.stats-grid-users{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.users-container{padding:16px}.page-title{font-size:28px}.users-header{flex-direction:column}.stats-grid-users{grid-template-columns:1fr;gap:28px}.table-container{border-radius:12px}.users-table th,.users-table td{padding:12px 16px}.actions{justify-content:flex-start}.form-row{flex-direction:column;gap:0}.form-group.half{min-width:100%}}*{box-sizing:border-box;margin:0;padding:0}.profil-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profil-modal{background:#fff;border-radius:24px;width:90%;max-width:450px;animation:.3s profilSlideIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes profilSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profil-modal-header{background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.profil-modal-header h2{color:#1e3a8a;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.profil-close-btn{cursor:pointer;color:#777;background:0 0;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.profil-close-btn:hover{color:#c62828;background:#fee2e2;border-color:#ffcdd2}.profil-modal-body{padding:24px}.profil-avatar{justify-content:center;margin-bottom:24px;display:flex}.profil-avatar-circle{color:#fff;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex;box-shadow:0 8px 20px #3b82f64d}.profil-field{margin-bottom:20px}.profil-field label{color:#888;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.profil-field p{color:#1f2937;word-break:break-word;background:#f9fafb;border-radius:10px;margin:0;padding:10px 14px;font-size:15px;font-weight:500}.profil-id{color:#374151;background:#f3f4f6;font-family:Courier New,monospace;font-size:14px}.profil-role-badge{border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.profil-modal-footer{background:#fafafa;border-top:1px solid #f0f0f0;justify-content:flex-end;padding:16px 24px;display:flex}.profil-btn-secondary{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:10px;padding:10px 24px;font-weight:500;transition:all .2s}.profil-btn-secondary:hover{background:#d1d5db;transform:translateY(-1px)}.profil-modal-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px;display:flex}.profil-spinner-icon{color:#3b82f6;animation:1s linear infinite profilSpin}@keyframes profilSpin{to{transform:rotate(360deg)}}.profil-modal-loading p{color:#6b7280;margin:0;font-size:14px}.profil-modal-error{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px;display:flex}.profil-modal-error svg{color:#ef4444;opacity:.7}.profil-modal-error p{color:#dc2626;margin:0;font-size:14px}@media (width<=640px){.profil-modal{width:95%;margin:16px}.profil-modal-body{padding:20px}.profil-avatar-circle{width:64px;height:64px;font-size:28px}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}