body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;min-height:100vh}.main-content{background:#f8f9fa;flex:1 1;margin-left:280px;min-height:100vh}.page-header{border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:30px}.page-header h1{flex:1 1;font-size:clamp(1.2rem,4vw,1.8rem);min-width:200px}.communes-view,.projects-view{padding:30px}.communes-view h1,.projects-view h1{color:#2c3e50;font-size:clamp(1.2rem,4vw,1.8rem);margin:0 0 30px}.projects-view .page-header{background:#0000;border:none;margin-bottom:30px;padding:0}.sections-view{background:#f8f9fa}.sections-container{display:flex;flex-direction:column;gap:20px;padding:0 15px 15px}.sections-container.collapsible{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 15px 15px;padding:0}.collapse-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px 8px 0 0;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:15px 20px;transition:all .3s ease;width:100%}.collapse-toggle:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)}.toggle-icon{font-size:12px;transition:transform .3s ease}.sections-container.collapsed .toggle-icon{transform:rotate(-90deg)}.sections-content{display:flex;flex-direction:column;gap:20px;max-height:100vh;overflow-y:auto;padding:20px;transition:max-height .3s ease}.sections-container.collapsed .sections-content{max-height:0;overflow:hidden;padding:0}.header-actions{flex-wrap:wrap}.quick-inspect-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.quick-inspect-btn:hover{box-shadow:0 4px 12px #f093fb4d;transform:translateY(-1px)}.bulk-edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.bulk-edit-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.add-section-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s ease}.add-section-btn:hover{background:#2980b9}.empty-sections{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.empty-sections p{color:#7f8c8d;font-size:1.1rem;margin:0 0 20px}.btn-primary{border-radius:6px}.commune-manager{grid-gap:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px;padding:20px}.add-section-btn,.btn-primary,.bulk-edit-btn,.create-form button,.quick-inspect-btn{min-height:44px;white-space:nowrap}.commune-section,.road-section{padding:15px}.create-form{display:flex;gap:10px;margin-bottom:15px}.create-form input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:8px 12px}.create-form button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.commune-list,.road-list{max-height:200px;overflow-y:auto}.commune-item,.road-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;margin:5px 0;padding:10px;transition:background .2s}.commune-item:hover,.road-item:hover{background:#e9ecef}.commune-item.selected{background:#3498db;color:#fff}@media (max-width:768px){.main-content{margin-left:0;padding-top:70px}.communes-view,.page-header{padding:15px}.commune-manager{grid-template-columns:1fr;padding:15px}.header-actions{width:100%}.header-actions button{flex:1 1;font-size:12px;min-width:0;padding:10px 12px}.sections-container.collapsible{margin:0 10px 15px}.sections-content{padding:15px}.collapse-toggle{font-size:14px;padding:12px 15px}}@media (max-width:480px){.header-actions{flex-direction:column}.header-actions button{width:100%}.page-header h1{font-size:1.1rem}}.dashboard{background:#f8f9fa;min-height:100vh;padding:30px}.dashboard-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;justify-content:space-between;padding:25px}.dashboard-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.header-actions{gap:12px}.btn-excel,.btn-pdf,.btn-refresh{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-refresh{background:#3498db;color:#fff}.btn-refresh:hover{background:#2980b9;transform:translateY(-1px)}.btn-excel{background:#27ae60;color:#fff}.btn-excel:hover{background:#229954;transform:translateY(-1px)}.btn-pdf{background:#e74c3c;color:#fff}.btn-pdf:hover{background:#c0392b;transform:translateY(-1px)}.dashboard-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;margin-bottom:30px;overflow-x:auto;padding:6px}.tab{background:#0000;border:none;border-radius:8px;color:#7f8c8d;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.tab:hover{background:#f8f9fa;color:#2c3e50}.tab.active{background:#3498db;box-shadow:0 2px 8px #3498db4d;color:#fff}.dashboard-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:30px}.overview-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr 1fr;margin-bottom:30px}.projections-section,.scores-section,.stats-section{display:flex;flex-direction:column}.projections-card,.scores-card,.stats-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;height:100%;overflow:hidden}.card-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px}.card-header h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.stats-content{padding:20px}.stat-row{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:12px 0}.stat-row:last-child{border-bottom:none}.stat-label{color:#6c757d;font-size:.9rem;font-weight:500}.stat-value{color:#2c3e50;font-size:1.1rem;font-weight:600}.scores-grid{display:flex;flex-direction:column;gap:15px;padding:20px}.score-box{background:#f8f9fa;border-radius:8px;padding:15px;text-align:center}.score-box.main-score{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.score-label{color:#6c757d;font-size:.85rem;font-weight:500;margin-bottom:8px}.main-score .score-label{color:#ffffffe6}.score-number{font-size:2rem;font-weight:700;margin-bottom:5px}.score-number.large{font-size:2.5rem}.score-status{color:#6c757d;font-size:.8rem;font-weight:500}.main-score .score-status{color:#fffc}.projections-grid{display:flex;flex-direction:column;gap:15px;padding:20px}.projection-box{background:#f8f9fa;border-radius:8px;padding:15px}.projection-label{color:#6c757d;font-size:.9rem;font-weight:500;margin-bottom:8px}.projection-values{align-items:center;display:flex;justify-content:space-between}.projection-value{font-size:1.5rem;font-weight:600}.projection-change{border-radius:12px;font-size:.85rem;font-weight:500;padding:4px 8px}.projection-change.positive{background:#d4edda;color:#155724}.projection-change.negative{background:#f8d7da;color:#721c24}.traffic-distribution{margin-top:30px}.traffic-distribution h3{color:#2c3e50;font-size:1.2rem;margin:0 0 20px}.traffic-bars{display:flex;flex-direction:column;gap:15px}.traffic-bar{align-items:center;display:flex;gap:15px}.traffic-label{color:#2c3e50;font-weight:500;min-width:80px}.bar-container{background:#ecf0f1;border-radius:10px;flex:1 1;height:20px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:10px}.traffic-percent{color:#2c3e50;font-weight:600;min-width:50px;text-align:right}.dashboard-empty,.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.dashboard-empty p{color:#7f8c8d;font-size:1.1rem;margin-bottom:20px}.btn-primary{background:#3498db;transition:background .2s ease}.btn-primary:hover{background:#2980b9}.diagnostics-tab{padding:0}.diagnostics-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.diagnostic-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:25px}.section-header{border-bottom:2px solid #f1f3f4;margin-bottom:25px;padding-bottom:15px}.section-header h3{color:#2c3e50;font-size:1.3rem;margin:0 0 5px}.section-header p{color:#6c757d;font-size:.9rem;margin:0}.diagnostic-cards{display:flex;flex-direction:column;gap:20px}.diagnostic-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.diagnostic-card h4{color:#495057;font-size:1rem;margin:0 0 15px;text-transform:capitalize}.condition-breakdown{display:flex;flex-direction:column;gap:12px}.condition-item{background:#fff;border-left:4px solid #dee2e6;border-radius:6px;padding:12px}.condition-item.S1,.condition-item.bon{border-left-color:#28a745}.condition-item.S2,.condition-item.suffisant{border-left-color:#ffc107}.condition-item.S3,.condition-item.mauvais{border-left-color:#dc3545}.condition-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.condition-label{color:#495057;font-weight:600;text-transform:capitalize}.condition-percentage{color:#6c757d;font-weight:600}.condition-bar{background:#e9ecef;border-radius:3px;height:6px;margin-bottom:5px;overflow:hidden}.bar-fill{height:100%;transition:width .3s ease}.bar-fill.S1,.bar-fill.bon{background:#28a745}.bar-fill.S2,.bar-fill.suffisant{background:#ffc107}.bar-fill.S3,.bar-fill.mauvais{background:#dc3545}.condition-count{color:#6c757d;font-size:.85rem}.traffic-diagnostics{display:flex;flex-direction:column;gap:20px}.traffic-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.traffic-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.traffic-header h4{color:#495057;font-size:1rem;margin:0}.traffic-total{background:#3498db;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px}.traffic-breakdown{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.traffic-item{background:#fff;border-radius:6px;padding:12px;text-align:center}.item-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.item-label{color:#6c757d;font-size:.85rem;text-transform:capitalize}.item-value{color:#495057;font-weight:600}.item-bar{background:#e9ecef;border-radius:2px;height:4px;margin-bottom:5px;overflow:hidden}.item-percentage{color:#6c757d;font-size:.8rem}@media (max-width:768px){.dashboard{padding:15px}.dashboard-header{flex-direction:column;gap:15px;padding:20px}.dashboard-header h2{font-size:1.4rem}.header-actions{flex-wrap:wrap;width:100%}.header-actions button{flex:1 1;min-width:120px}.dashboard-tabs{padding:4px}.tab{font-size:13px;padding:10px 12px}.dashboard-content{padding:20px}.diagnostics-layout,.overview-grid,.traffic-breakdown{grid-template-columns:1fr}.overview-grid{gap:20px}.score-display{flex-wrap:wrap}.traffic-bar{align-items:stretch;flex-direction:column;gap:8px}.traffic-label{min-width:auto}.traffic-label,.traffic-percent{text-align:center}}.evolution-tab{padding:0}.evolution-header{margin-bottom:30px;text-align:center}.evolution-header h3{color:#2c3e50;font-size:1.5rem;margin:0 0 8px}.evolution-header p{color:#6c757d;font-size:.95rem;margin:0}.evolution-chart{grid-gap:10px;display:grid;gap:10px;grid-template-columns:50px 1fr;grid-template-rows:1fr auto;margin-top:30px}.chart-y-axis{color:#6c757d;display:flex;flex-direction:column;font-size:.85rem;font-weight:500;justify-content:space-between;padding:10px 0;text-align:right}.chart-area{background:#f8f9fa;border-radius:8px;height:300px;padding:10px;position:relative}.chart-grid{bottom:10px;display:flex;flex-direction:column;justify-content:space-between;left:10px;position:absolute;right:10px;top:10px}.grid-line{background:#dee2e6;height:1px}.chart-svg{bottom:10px;height:calc(100% - 20px);left:10px;position:absolute;right:10px;top:10px;width:calc(100% - 20px)}.chart-svg polyline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-i1{stroke:#3498db}.line-i5{stroke:#e74c3c}.line-chaussee{stroke:#9b59b6}.chart-points{bottom:10px;display:flex;justify-content:space-between;left:10px;position:absolute;right:10px;top:10px}.point-marker{cursor:pointer;height:10px;position:absolute;transform:translate(-50%);width:10px}.point-marker:hover .point-tooltip{opacity:1;visibility:visible}.point-tooltip{background:#fff;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;margin-bottom:10px;opacity:0;padding:12px;transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:10}.point-tooltip,.point-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.point-tooltip:after{border:6px solid #0000;border-top-color:#fff;content:"";top:100%}.point-tooltip strong{color:#2c3e50;display:block;font-size:.9rem;margin-bottom:8px}.point-tooltip div{color:#6c757d;font-size:.85rem;margin:4px 0}.chart-x-axis{color:#6c757d;display:flex;font-size:.85rem;font-weight:500;grid-column:2;justify-content:space-between;padding:0 10px}.chart-legend{background:#f8f9fa;border-radius:8px;display:flex;gap:30px;justify-content:center;margin-bottom:20px;padding:15px}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border-radius:2px;height:4px;width:30px}.legend-color.i1{background:#3498db}.legend-color.i5{background:#e74c3c}.legend-color.chaussee{background:#9b59b6}.legend-item span{color:#495057;font-size:.9rem;font-weight:500}.no-data{color:#6c757d;padding:60px 20px;text-align:center}.no-data p{margin:10px 0}@media (max-width:480px){.dashboard{padding:10px}.dashboard-header{padding:15px}.dashboard-header h2{font-size:1.2rem}.header-actions{flex-direction:column}.header-actions button{width:100%}.dashboard-content{padding:15px}.score-number{font-size:1.5rem}.score-number.large{font-size:2rem}.evolution-chart{grid-template-columns:40px 1fr}.chart-area{height:250px}.chart-legend{align-items:center;flex-direction:column;gap:10px}.chart-x-axis span{font-size:.75rem}.diagnostic-section{padding:15px}}.enhanced-section-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.enhanced-section-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.section-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;cursor:pointer;padding:20px 24px;-webkit-user-select:none;user-select:none}.section-header:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.collapse-arrow{color:#667eea;font-size:14px;font-weight:700;margin-right:12px;transition:transform .3s ease}.enhanced-section-card.collapsed .section-content,.enhanced-section-card.collapsed .section-tabs{display:none}.enhanced-section-card.collapsed{margin-bottom:8px}.enhanced-section-card.collapsed:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.section-title{align-items:center;display:flex;gap:12px}.section-title h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.section-surface{background:#667eea;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.delete-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.delete-btn:hover{background:#c82333;transform:translateY(-1px)}.section-tabs{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex}.section-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.section-tab:hover{background:#e9ecef;color:#495057}.section-tab.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.section-content{max-height:70vh;overflow-y:auto;padding:24px}.input-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{color:#495057;font-size:14px;font-weight:600}.input-group input,.input-group select{border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease}.input-group input:focus,.input-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.visual-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.visual-header h5{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.severity-legend{display:flex;flex-wrap:wrap;gap:12px}.legend-item{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.legend-item.excellent{background:#28a745}.legend-item.good{background:#17a2b8}.legend-item.average{background:#ffc107;color:#212529}.legend-item.poor{background:#dc3545}.indicators-grid{grid-gap:20px;display:grid;gap:20px}.indicator-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease}.indicator-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.indicator-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.indicator-title{display:flex;flex:1 1;gap:12px}.indicator-icon{font-size:24px;margin-top:4px}.indicator-text h6{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.indicator-text p{color:#6c757d;font-size:13px;line-height:1.4;margin:0}.indicator-badge{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.severity-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.severity-badge.severity-excellent{background:#28a745}.severity-badge.severity-good{background:#17a2b8}.severity-badge.severity-average{background:#ffc107;color:#212529}.severity-badge.severity-poor{background:#dc3545}.severity-value{background:#f8f9fa;border-radius:8px;color:#2c3e50;font-size:20px;font-weight:700;min-width:40px;padding:8px 12px;text-align:center}.indicator-controls{margin-top:16px}.severity-buttons{gap:8px}.severity-btn,.severity-buttons{display:flex;justify-content:center}.severity-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;height:40px;transition:all .2s ease;width:40px}.severity-btn:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.severity-btn.active{border-color:#0000;box-shadow:0 4px 12px #0003;color:#fff;transform:translateY(-2px)}.severity-btn.severity-excellent{border-color:#28a745;color:#28a745}.severity-btn.severity-excellent.active{background:#28a745}.severity-btn.severity-good{border-color:#17a2b8;color:#17a2b8}.severity-btn.severity-good.active{background:#17a2b8}.severity-btn.severity-average{border-color:#ffc107;color:#ffc107}.severity-btn.severity-average.active{background:#ffc107;color:#212529}.severity-btn.severity-poor{border-color:#dc3545;color:#dc3545}.severity-btn.severity-poor.active{background:#dc3545}.structural-tab h5{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 24px}.deflection-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.deflection-item{display:flex;flex-direction:column;gap:8px}.deflection-item label{color:#495057;font-size:14px;font-weight:600}.deflection-item input{border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease}.deflection-item input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.deflection-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.deflection-info h6{color:#495057;font-size:14px;font-weight:600;margin:0 0 16px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.info-item{align-items:center;border-radius:6px;display:flex;flex-direction:column;padding:12px;text-align:center}.info-item.good{background:#d4edda;color:#155724}.info-item.ok{background:#d1ecf1;color:#0c5460}.info-item.warning{background:#fff3cd;color:#856404}.info-item.bad{background:#f8d7da;color:#721c24}.info-item.critical{background:#f5c6cb;color:#491217}.info-range{font-size:14px;font-weight:700}.info-label{font-size:12px;font-weight:600;margin-top:4px}.photos-tab h5{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 24px}.photo-upload{margin-bottom:24px}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;transition:all .3s ease}.upload-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.photos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.photo-item{aspect-ratio:4/3;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.photo-item img{height:100%;object-fit:cover;width:100%}.delete-photo-btn{align-items:center;background:#f44336e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px}.delete-photo-btn:hover{background:#f44336;transform:scale(1.1)}.no-photos{color:#6c757d;grid-column:1/-1;padding:60px 20px;text-align:center}.no-photos p:first-child{font-size:48px;margin:0 0 16px}.no-photos p:last-child{font-size:14px;margin:0}@media (max-width:768px){.enhanced-section-card{border-radius:8px}.section-header{flex-wrap:wrap;gap:10px;padding:15px}.section-title{flex:1 1;min-width:200px}.section-title h4{font-size:16px}.delete-btn{font-size:12px;padding:8px 12px}.section-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.section-tab{font-size:13px;padding:10px 12px;white-space:nowrap}.section-content{padding:15px}.input-grid{gap:15px;grid-template-columns:1fr}.input-group input,.input-group select{font-size:16px;min-height:44px}.deflection-grid{grid-template-columns:1fr}.deflection-item input{font-size:16px;min-height:44px}.info-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.visual-header{align-items:flex-start;flex-direction:column;gap:12px}.indicator-header{align-items:stretch;flex-direction:column;gap:12px}.indicator-badge{align-items:flex-start;flex-direction:row;justify-content:space-between}.severity-buttons{flex-wrap:wrap;gap:6px}.severity-btn{font-size:14px;height:44px;width:44px}.severity-legend{justify-content:flex-start}.photos-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:480px){.section-header{padding:12px}.section-title{align-items:flex-start;flex-direction:column;gap:8px}.section-content{padding:12px}.info-grid,.photos-grid{grid-template-columns:1fr}}.mobile-menu-toggle{background:#3498db;border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:none;font-size:24px;height:45px;left:15px;position:fixed;top:15px;width:45px;z-index:1001}.mobile-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.mobile-close{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;height:30px;padding:0;width:30px}.side-navigation{background:#2c3e50;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:1000}.nav-header{align-items:center;background:#1a252f;display:flex;justify-content:space-between;padding:20px 20px 15px}.nav-header h2{font-size:1.5rem;font-weight:600;margin:0}.nav-search{background:#1a252f;border-bottom:1px solid #34495e;padding:15px 20px 20px}.nav-menu{flex:1 1;padding:20px 0}.nav-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:15px}.profile-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .3s;width:100%}.profile-btn:hover{background:#fff3}.profile-icon{font-size:20px}.profile-name{font-size:14px;font-weight:500}.nav-section{margin-bottom:30px}.nav-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#34495e}.nav-item.active{background:#3498db;border-right:4px solid #2980b9}.nav-item.sub-item{font-size:13px;opacity:.9;padding-left:40px}.nav-icon{font-size:16px;text-align:center;width:20px}.nav-label{flex:1 1}.nav-subtitle{border-bottom:1px solid #34495e;color:#bdc3c7;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:10px;padding:8px 20px;text-transform:uppercase}@media (max-width:768px){.mobile-menu-toggle{display:block}.side-navigation{transform:translateX(-100%)}.side-navigation.open{transform:translateX(0)}.mobile-close,.side-navigation.open~.mobile-overlay{display:block}}.global-search{max-width:500px;position:relative;width:100%}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{color:#6c757d;font-size:18px;left:12px;position:absolute;z-index:1}.global-search-input{background:#fff;border:2px solid #e9ecef;border-radius:25px;font-size:15px;outline:none;padding:12px 40px 12px 45px;transition:all .3s ease;width:100%}.global-search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.clear-search-btn{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:12px;transition:all .2s ease}.clear-search-btn:hover{background:#f0f0f0}.search-results{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.no-results,.search-loading{color:#6c757d;font-size:14px;padding:20px;text-align:center}.search-result-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f8f9fa}.result-icon{font-size:24px}.result-content{flex:1 1}.result-name{color:#2c3e50;font-size:14px;font-weight:600}.result-parent{color:#6c757d;font-size:12px;margin-top:2px}.result-arrow{color:#6c757d;font-weight:700}.search-result-item.commune{border-left:4px solid #3498db}.search-result-item.road{border-left:4px solid #27ae60}.search-result-item.section{border-left:4px solid #f39c12}.user-profile-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.profile-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:500px;padding:30px;width:90%}.profile-content h2{color:#2c3e50;margin:0 0 25px}.profile-content .form-group{margin-bottom:20px}.profile-content .form-group label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.profile-content .form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:all .3s;width:100%}.profile-content .form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.profile-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.profile-actions .btn-cancel{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.profile-actions .btn-cancel:hover{background:#5a6268}.profile-actions .btn-save{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.profile-actions .btn-save:hover{background:#218838}.global-dashboard{margin:0 auto;max-width:1200px;padding:30px}.global-dashboard.error,.global-dashboard.loading{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.dashboard-header{margin-bottom:30px}.dashboard-header h1{color:#2c3e50;font-size:2.5rem;margin:0 0 10px}.dashboard-header p{color:#7f8c8d;font-size:1.1rem;margin:0 0 15px}.header-actions{display:flex;gap:10px;margin-top:15px}.btn-action{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.btn-action:hover{background:#f0f8f0;border-color:#4caf50}.btn-primary{font-weight:500;padding:10px 20px;transition:all .2s}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.filters-section h3{color:#2c3e50;margin:0 0 15px}.filters-grid{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr}.filters-grid select{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;height:46px;outline:none;padding:12px;transition:border-color .2s ease}.filters-grid select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.filters-grid select:hover{border-color:#999}.commune-search{border:2px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;height:46px;outline:none;padding:12px 35px 12px 12px;transition:border-color .2s ease;width:100%}.commune-search:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.clear-commune{background:none;border:none;border-radius:50%;color:#999;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-commune:hover{background:#f0f0f0;color:#666}.commune-dropdown{border:2px solid #3498db;border-radius:6px;box-shadow:0 8px 16px #00000026;top:calc(100% + 2px);z-index:10000}.commune-option{padding:10px 12px;transition:background-color .2s ease}.commune-option:hover{background:#f8f9fa}.stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:25px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content h3{color:#2c3e50;font-size:2rem;font-weight:600;margin:0 0 5px}.stat-content p{color:#7f8c8d;font-size:.9rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.communes-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:25px}.communes-summary h3{color:#2c3e50;margin:0 0 20px}.communes-table{background:#ecf0f1;border-radius:4px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.table-header,.table-row{grid-gap:20px;align-items:center;background:#fff;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr 1fr;padding:15px 20px}.table-header{color:#2c3e50;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-header,.table-row:hover{background:#f8f9fa}.commune-name{color:#2c3e50}.condition-score{font-weight:600}.loading-spinner{border-top-color:#3498db;margin-bottom:20px}@media (max-width:968px){.filters-grid{grid-template-columns:1fr}.commune-search{min-width:auto}}@media (max-width:768px){.global-dashboard{padding:15px}.dashboard-header h1{font-size:1.8rem}.filters-section{padding:15px}.stats-overview{gap:15px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-icon{font-size:2rem}.stat-content h3{font-size:1.5rem}.communes-summary{overflow-x:auto;padding:15px}.table-header,.table-row{font-size:.85rem;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px 15px}.table-header{font-size:.75rem}}@media (max-width:480px){.global-dashboard{padding:10px}.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:.95rem}.filters-section{padding:12px}.stat-card{flex-direction:column;padding:15px;text-align:center}.table-header,.table-row{gap:8px;grid-template-columns:1fr;padding:10px}.table-header{display:none}.table-row{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px}.table-row>div:before{color:#7f8c8d;content:attr(data-label);display:block;font-size:.75rem;font-weight:600;margin-bottom:4px;text-transform:uppercase}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.close-btn{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:24px;height:32px;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:#f8f9fa;color:#2c3e50}.modal-body{padding:24px}.modal-body>p{color:#6c757d;font-size:.95rem;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem}.form-group input[type=number],.form-group select{border:2px solid #e9ecef;border-radius:6px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input[type=number]:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#4caf50 0,#ff9800 50%,#f44336);border-radius:4px;height:8px;outline:none;width:100%}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid #667eea;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.form-group input[type=range]::-moz-range-thumb{background:#fff;border:3px solid #667eea;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.value-display{background:#f8f9fa;border-radius:6px;color:#495057;font-weight:600;margin-top:8px;padding:8px 12px;text-align:center}.modal-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-apply,.btn-cancel{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-cancel{background:#f8f9fa;color:#6c757d}.btn-cancel:hover{background:#e9ecef}.btn-apply{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-apply:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-apply:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.modal-content{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.modal-footer{flex-direction:column}.btn-apply,.btn-cancel{width:100%}}.quick-inspection-overlay{align-items:center;animation:fadeIn .2s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.quick-inspection-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:90%}.inspection-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e9ecef;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.inspection-header h2{font-size:1.5rem;margin:0}.close-inspection{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:36px;transition:all .2s ease;width:36px}.close-inspection:hover{background:#ffffff4d}.inspection-progress{background:#f8f9fa;padding:20px 24px}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.progress-text{color:#495057;font-size:14px;font-weight:600;text-align:center}.inspection-content{flex:1 1;overflow-y:auto;padding:24px}.section-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:24px;padding:16px}.section-info h3{color:#2c3e50;margin:0 0 12px}.section-details{color:#6c757d;display:flex;font-size:14px;gap:20px}.quick-ratings{display:flex;flex-direction:column;gap:16px}.rating-row{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.rating-row:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.rating-label{color:#495057;font-size:14px;font-weight:600;min-width:150px}.rating-buttons{display:flex;flex:1 1;gap:8px}.rating-btn{background:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s ease}.rating-btn:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.rating-btn.active{border-color:#0000;box-shadow:0 4px 12px #0003;color:#fff;transform:translateY(-2px)}.rating-btn.level-0.active,.rating-btn.level-1.active{background:#28a745}.rating-btn.level-2.active{background:#17a2b8}.rating-btn.level-3.active{background:#ffc107;color:#212529}.rating-btn.level-4.active,.rating-btn.level-5.active{background:#dc3545}.inspection-footer{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:2px solid #e9ecef;display:flex;gap:12px;padding:20px 24px}.btn-next,.btn-previous,.btn-skip{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-previous{background:#6c757d;color:#fff}.btn-previous:hover:not(:disabled){background:#5a6268}.btn-previous:disabled{cursor:not-allowed;opacity:.5}.btn-skip{background:#fff;border:2px solid #e9ecef;color:#6c757d;flex:1 1}.btn-skip:hover{background:#f8f9fa}.btn-next{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:2 1}.btn-next:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:768px){.quick-inspection-modal{max-height:95vh;width:95%}.rating-label{font-size:13px;min-width:120px}.rating-buttons{gap:4px}.rating-btn{font-size:12px;padding:8px}.section-details{flex-direction:column;gap:8px}}.projects-list{padding:20px}.search-bar{margin-bottom:20px}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .2s}.project-card .delete-btn{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .2s;width:28px}.project-card:hover .delete-btn{opacity:1}.project-card .delete-btn:hover{background:#c00}.project-card:hover{border-color:#4caf50;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-card h3{color:#333;margin:0 0 10px}.project-desc{color:#666;font-size:14px;margin:10px 0}.project-meta{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.date{color:#999;font-size:13px}.project-detail{padding:20px}.project-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:30px}.project-header h1{color:#333;margin:0 0 10px}.project-object{color:#666;margin:10px 0}.project-info{border-top:1px solid #e0e0e0;display:flex;gap:20px;margin-top:15px;padding-top:15px}.project-info span{color:#666;font-size:14px}.roads-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#333;margin:0}.add-road-form{background:#f5f5f5;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:15px}.add-road-form input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;padding:10px}.btn-save{background:#4caf50;border-radius:6px}.btn-cancel{background:#999;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px}.roads-list{display:flex;flex-direction:column;gap:10px}.road-item{align-items:center;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:all .2s}.road-item:hover{background:#f0f8f0;border-color:#4caf50}.arrow{color:#4caf50;font-size:18px}.empty-roads{color:#999;padding:40px;text-align:center}.create-project-page{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.page-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.page-header h1{color:#2c3e50;font-size:28px;margin:0}.btn-close{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.btn-close:hover{background:#5a6268}.project-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.form-section{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:40px;padding:25px}.form-section h3{color:#2c3e50;font-size:20px;margin:0 0 20px}.form-section h4{color:#495057;font-size:16px;margin:0 0 15px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-grid .full-width{grid-column:1/-1}.form-group{display:flex;flex-direction:column}.form-group label{color:#495057;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.client-select-section{display:flex;flex-direction:column;gap:15px}.new-client-section{background:#fff;border:2px solid #667eea;border-radius:8px;padding:20px}.btn-new-client{align-self:flex-start;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-new-client:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.commune-search-wrapper{position:relative}.commune-dropdown{background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.commune-option{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px;transition:all .2s}.commune-option:hover{background:#f0f4ff}.commune-option:last-child{border-bottom:none}.form-actions{gap:10px;margin-top:20px}.form-actions,.form-actions-bottom{display:flex;justify-content:flex-end}.form-actions-bottom{border-top:2px solid #e9ecef;gap:15px;margin-top:40px;padding-top:30px}.btn-cancel,.btn-cancel-bottom{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-cancel-bottom:hover,.btn-cancel:hover{background:#5a6268}.btn-submit,.btn-submit-bottom{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-submit-bottom:hover,.btn-submit:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.btn-save{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-save:hover{background:#218838}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:15px}}.communes-list{padding:20px}.communes-header{margin-bottom:20px}.search-bar{margin-bottom:15px}.search-bar input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px;width:100%}.filter-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.filter-checkbox input{cursor:pointer;height:18px;width:18px}.filter-checkbox span{color:#666;font-size:14px}.communes-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.commune-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.commune-card:hover{border-color:#4caf50;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.commune-name{align-items:center;color:#333;display:flex;font-size:16px;font-weight:500;gap:8px}.project-icon{font-size:18px}.project-count{border-top:1px solid #e0e0e0;color:#4caf50;font-size:13px;font-weight:500;margin-top:10px;padding-top:10px}.empty-state{color:#999}.empty-state,.loading-state{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:40px;margin:0 auto 15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.commune-canton{color:#999;font-size:12px;margin-top:5px}.commune-detail{padding:20px}.commune-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.commune-header h1{color:#333;margin:0}.btn-add{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.btn-add:hover{background:#45a049}.projects-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.projects-section h2{color:#333;margin:0 0 20px}.projects-list{display:flex;flex-direction:column;gap:15px}.project-item{align-items:center;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .2s}.project-item:hover{background:#f0f8f0;border-color:#4caf50}.project-info h3{color:#333;font-size:16px;margin:0 0 5px}.project-info p{color:#666;font-size:14px;margin:0}.project-date{color:#999;font-size:13px}.empty-projects{padding:60px 20px;text-align:center}.empty-projects p{color:#999;margin-bottom:20px}.btn-primary{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 24px}.btn-primary:hover{background:#45a049}
/*# sourceMappingURL=main.487e435f.css.map*/