:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#root{height:100vh}*{box-sizing:border-box;margin:0;padding:0}.app-container{height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.sidebar{color:#fff;background:#1a1a2e;border-right:1px solid #333;flex-direction:column;width:320px;display:flex}.sidebar-header{background:#16213e;justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar-header h1{font-size:18px;font-weight:600}.export-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:4px;padding:8px 12px;font-size:12px}.export-btn:hover{background:#45a049}.sidebar-controls{border-bottom:1px solid #333;padding:12px 16px}.search-input{color:#fff;background:#0f3460;border:1px solid #444;border-radius:4px;width:100%;padding:10px 12px;font-size:14px}.search-input::placeholder{color:#888}.stats{color:#e74c3c;margin-top:10px;font-size:13px}.postes-list{flex:1;overflow-y:auto}.poste-item{cursor:pointer;border-bottom:1px solid #2a2a4a;align-items:center;gap:10px;padding:12px 16px;transition:background .2s;display:flex}.poste-item:hover{background:#16213e}.poste-item.selected{background:#0f3460;border-left:3px solid #4caf50}.poste-nombre{min-width:70px;font-size:14px;font-weight:600}.poste-desc{color:#888;flex:1;font-size:12px}.load-more{text-align:center;color:#888;padding:16px;font-size:13px}.main-content{background:#f5f5f5;flex-direction:column;flex:1;display:flex}.poste-detail{background:#fff;border-bottom:1px solid #ddd;padding:20px}.poste-detail h2{color:#333;margin-bottom:16px}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.detail-field label{color:#666;margin-bottom:6px;font-size:13px;display:block}.detail-field input{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px 12px;font-size:14px}.detail-field input:focus{border-color:#4caf50;outline:none}.save-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:4px;padding:10px 20px;font-size:14px}.save-btn:hover{background:#45a049}.map-wrapper{outline:none;flex:1;min-height:0;position:relative}.map-wrapper:focus{outline:none}.map-wrapper iframe{border:none;width:100%;height:100%;display:block}.no-selection{color:#888;flex:1;justify-content:center;align-items:center;font-size:18px;display:flex}.postes-list::-webkit-scrollbar{width:6px}.postes-list::-webkit-scrollbar-track{background:#1a1a2e}.postes-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.map-overlay{cursor:pointer;z-index:10;background:#00000026;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.map-overlay:hover{background:#00000040}.overlay-hint{color:#fff;pointer-events:none;background:#000000bf;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;font-size:14px;display:flex}.overlay-hint span{color:#4caf50;font-weight:600}.click-hint{color:#aaa;margin-top:4px;font-size:12px}.map-interactive-toggle{color:#fff;cursor:pointer;z-index:10;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;position:absolute;top:12px;right:12px}.map-interactive-toggle:hover{background:#000000e6}.load-more-btn{color:#4caf50;cursor:pointer;background:#0f3460;border:none;border-top:1px solid #2a2a4a;width:100%;padding:12px;font-size:13px;transition:background .2s}.load-more-btn:hover{background:#16213e}