:root{--primary-color:#3a86ff;--primary-hover:#2a75ef;--primary-light:#e6f0ff;--secondary-color:#8338ec;--accent-color:#06d6a0;--dark-color:#212529;--light-color:#f8f9fa;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--white:#fff;--success-color:#06d6a0;--success-light:#e3fcf7;--warning-color:#ffbe0b;--warning-light:#fff8e6;--danger-color:#ef476f;--danger-light:#fee6eb;--info-color:#3a86ff;--info-light:#e6f0ff;--font-family:"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-size-small:0.875rem;--font-size-normal:1rem;--font-size-medium:1.125rem;--font-size-large:1.25rem;--font-size-xlarge:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:600;--line-height:1.5;--spacing-xxs:0.25rem;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--container-width:1200px;--border-radius-sm:0.25rem;--border-radius:0.5rem;--border-radius-lg:1rem;--card-border-radius:0.75rem;--shadow-sm:0 1px 3px #0000001a;--shadow:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--transition-speed:0.2s;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.dark-mode{--primary-color:#4d94ff;--primary-hover:#3a86ff;--primary-light:#102a4c;--dark-color:#f8f9fa;--light-color:#212529;--gray-100:#343a40;--gray-200:#495057;--gray-300:#495057;--gray-400:#6c757d;--gray-500:#adb5bd;--gray-600:#ced4da;--gray-700:#dee2e6;--gray-800:#e9ecef;--gray-900:#f8f9fa;--white:#212529;--success-color:#06d6a0;--success-light:#0a3d2e;--warning-color:#ffbe0b;--warning-light:#3d2f04;--danger-color:#ef476f;--danger-light:#3d121c;--info-color:#3a86ff;--info-light:#102a4c;--shadow-sm:0 1px 3px #0000004d;--shadow:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:var(--gray-100);color:var(--dark-color);font-family:var(--font-family);line-height:var(--line-height);transition:background-color var(--transition-speed),color var(--transition-speed)}.dark-mode body{background-color:#1a1d21;color:var(--gray-100)}.container{margin:0 auto;max-width:var(--container-width);padding:var(--spacing-xl)}.container,.header{transition:all var(--transition-speed)}.header{background-color:var(--white);box-shadow:var(--shadow);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl)}.dark-mode .header{background-color:#2c3035}.header-content{justify-content:space-between;margin:0 auto;max-width:var(--container-width)}.header-content,.logo,.logo-container{align-items:center;display:flex}.logo{background-color:var(--primary-color);border-radius:var(--border-radius);color:#fff;font-size:var(--font-size-large);font-weight:var(--font-weight-bold);height:2.5rem;justify-content:center;width:2.5rem}.app-logo,.logo{margin-right:var(--spacing-md)}.app-logo{flex-shrink:0}@media (max-width:480px){.app-logo{height:32px;width:32px}}.header h1{color:var(--primary-color);font-size:var(--font-size-xlarge);font-weight:var(--font-weight-bold);margin:0}.btn-theme{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray-600);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all var(--transition-speed);width:2.5rem}.btn-theme:hover{background-color:var(--gray-200);color:var(--dark-color)}.dark-mode .btn-theme{color:var(--gray-400)}.dark-mode .btn-theme:hover{background-color:var(--gray-700);color:var(--light-color)}.app-container{display:flex;flex-direction:column;min-height:100vh;transition:all var(--transition-speed)}.main-layout{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1.5fr;margin:0 auto;max-width:var(--container-width);padding:0 var(--spacing-xl) var(--spacing-xl)}@media (max-width:992px){.main-layout{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (max-width:768px){.container{padding:var(--spacing-md)}.header{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.header h1,.logo{font-size:var(--font-size-medium)}.logo{height:2rem;margin-right:var(--spacing-sm);width:2rem}.main-layout{gap:var(--spacing-md);padding:0 var(--spacing-md) var(--spacing-md)}.card{margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.card-header h2{font-size:var(--font-size-medium)}.action-buttons{gap:var(--spacing-sm);grid-template-columns:1fr}.action-buttons .btn{width:100%}}@media (max-width:480px){.header h1,.logo{font-size:var(--font-size-normal)}.logo{height:1.8rem;width:1.8rem}.btn-theme{height:2rem;width:2rem}.card{border-radius:var(--border-radius);padding:var(--spacing-sm)}.form-row{flex-direction:column;margin:0 0 var(--spacing-sm)}.form-row .form-group{padding:0;width:100%!important}.form-group.half{width:100%}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;font-size:var(--font-size-small);padding:var(--spacing-xs) var(--spacing-sm)}.view-toggle{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.view-toggle .btn{flex:1 1;font-size:var(--font-size-small);min-width:80px;padding:var(--spacing-xs)}.view-toggle .btn svg{margin-right:4px!important}.stats-container{grid-template-columns:1fr}.modal-container{margin:var(--spacing-sm);max-height:85vh;max-width:95%}.modal-body{padding:var(--spacing-md)}.project-item{align-items:flex-start!important;flex-direction:column;gap:var(--spacing-xs)}.project-item>div:last-child{justify-content:flex-end;width:100%}}.card{background-color:var(--white);border-radius:var(--card-border-radius);box-shadow:var(--shadow);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);transition:all var(--transition-speed)}.dark-mode .card{background-color:#2c3035}.card-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.dark-mode .card-header{border-bottom-color:var(--gray-700)}.card-header h2{color:var(--primary-color);font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin:0}.help-text{border-left:3px solid var(--primary-color);border-radius:var(--border-radius);color:var(--primary-color);font-size:var(--font-size-small);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.dark-mode .help-text,.help-text{background-color:var(--primary-light)}.tab-buttons{display:flex;gap:var(--spacing-xs)}.card{animation:fadeIn .3s ease-in-out}.visualisation-container{border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;padding:var(--spacing-md);transition:all var(--transition-speed)}.dark-mode .visualisation-container,.visualisation-container{background-color:var(--white)}.visualisation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.visualisation-header h3{color:var(--primary-color);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);margin:0}.visualisation-controls{display:flex;gap:var(--spacing-xs)}.mur-canvas{background-color:var(--gray-100);background-image:linear-gradient(#0000000d 1px,#0000 0),linear-gradient(90deg,#0000000d 1px,#0000 0);background-size:20px 20px;border:2px solid var(--gray-300);border-radius:var(--border-radius);margin:0 auto;transition:all var(--transition-speed)}.dark-mode .mur-canvas{background-color:#1a1d21;background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0);border-color:#495057}.decoupe{background-color:#ef476f80;border:1px dashed var(--danger-color);position:absolute;transition:all var(--transition-speed)}.decoupe.porte{background-color:#ffbe0b80;border-color:var(--warning-color)}.decoupe.fenêtre{background-color:#06d6a080;border-color:var(--success-color)}.plaque{align-items:center;background-color:#3a86ff33;border:2px solid var(--primary-color);display:flex;justify-content:center;position:absolute;transition:all var(--transition-speed)}.plaque:hover{background-color:#3a86ff4d;box-shadow:0 0 0 2px var(--primary-color);transform:scale(1.01);z-index:10}.dark-mode .plaque{background-color:#3a86ff26}.dark-mode .plaque:hover{background-color:#3a86ff40}.plaque.supplementaire{background-color:#ffbe0b33;border:2px solid var(--warning-color)}.plaque-numero{background-color:#ffffffe6;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);color:var(--primary-color);font-weight:var(--font-weight-bold);padding:var(--spacing-xxs) var(--spacing-xs);z-index:5}.dark-mode .plaque-numero{background-color:#2c3035e6}.plaque-dimension{background-color:#fffc;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);color:var(--dark-color);font-size:var(--font-size-small);padding:var(--spacing-xxs) var(--spacing-xs);position:absolute;z-index:5}.dark-mode .plaque-dimension{background-color:#2c3035cc;color:var(--dark-color)}.plaque.ajustement{background-color:#ffbe0b33;border:2px dashed var(--warning-color)}.plaque.ajustement .plaque-numero,.plaque.ajustement:before{color:var(--warning-color)}.plaque.ajustement:before{background-color:#ffffffe6;border-radius:var(--border-radius-sm);bottom:4px;content:"⚠️ Ajustement";font-size:.7rem;left:50%;padding:.2rem .4rem;position:absolute;transform:translateX(-50%);white-space:nowrap}.dark-mode .plaque.ajustement:before{background-color:#2c3035e6}.ouverture{align-items:center;background-color:#ef476f33;border:2px solid var(--danger-color);border-radius:var(--border-radius-sm);color:var(--danger-color);cursor:move;display:flex;flex-direction:column;font-size:.7rem;justify-content:center;line-height:1.2;overflow:hidden;position:absolute;text-align:center;transition:all var(--transition-speed)}.ouverture span{font-size:inherit;max-width:100%;overflow:hidden;padding:0 2px;text-overflow:ellipsis;white-space:nowrap}.ouverture[style*="width: 2"],.ouverture[style*="width: 2"] .ouverture-dimension,.ouverture[style*="width: 3"],.ouverture[style*="width: 3"] .ouverture-dimension,.ouverture[style*="width: 4"],.ouverture[style*="width: 4"] .ouverture-dimension,.ouverture[style*="width: 5"],.ouverture[style*="width: 5"] .ouverture-dimension,.ouverture[style*="width: 6"],.ouverture[style*="width: 6"] .ouverture-dimension,.ouverture[style*="width: 7px"],.ouverture[style*="width: 7px"] .ouverture-dimension,.ouverture[style*="width: 8px"],.ouverture[style*="width: 8px"] .ouverture-dimension{font-size:0}.ouverture.porte{background-color:#ffbe0b33;border-color:var(--warning-color);color:var(--warning-color)}.ouverture.fenetre{background-color:#06d6a033;border-color:var(--success-color);color:var(--success-color)}.ouverture.selected{box-shadow:0 0 0 3px #3a86ff80;z-index:25}.ouverture:hover{opacity:.9;transform:scale(1.01)}.tooltip{animation:fadeIn .2s ease-out;background-color:#212529e6;border-radius:var(--border-radius);box-shadow:var(--shadow);color:#fff;font-size:var(--font-size-small);padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;transition:all var(--transition-speed);z-index:30}.dark-mode .tooltip{background-color:#f8f9fae6;color:var(--dark-color)}.resultats{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--spacing-lg);transition:all var(--transition-speed)}.dark-mode .resultats{background-color:#2c3035}.resultats h2{border-bottom:1px solid var(--gray-200);color:var(--primary-color);margin-top:0;padding-bottom:var(--spacing-md)}.dark-mode .resultats h2{border-bottom-color:#495057}.stat-item{border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.dark-mode .stat-item{border-bottom-color:#495057}.stat-label{font-weight:var(--font-weight-medium)}.stat-value{font-weight:var(--font-weight-bold)}.stat-value.highlight{color:var(--primary-color)}.detail-section{margin-top:var(--spacing-xl)}.detail-section h3{border-bottom:1px solid var(--gray-200);color:var(--primary-color);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.dark-mode .detail-section h3{border-bottom-color:#495057}.stats-container{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.mur-detail{background-color:var(--gray-100);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-speed)}.dark-mode .mur-detail{background-color:var(--white)}.mur-detail-header{align-items:center;display:flex;justify-content:space-between}.mur-detail-header h4{color:var(--primary-color);font-weight:var(--font-weight-bold);margin:0}.mur-detail-stats{color:var(--gray-600);font-size:var(--font-size-small)}.dark-mode .mur-detail-stats{color:var(--gray-400)}.mur-info{background-color:var(--gray-100);border-left:3px solid var(--primary-color);border-radius:var(--border-radius);color:var(--primary-color);font-size:var(--font-size-small);margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md)}.dark-mode .mur-info{background-color:#343a40}.mur-info p{margin:0}.detail-view-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dark-mode .detail-view-overlay{background-color:#000c}.detail-view-container{animation:slideUp .3s ease-out;background-color:var(--white);border-radius:var(--card-border-radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow-y:auto;transition:all var(--transition-speed);width:100%}.dark-mode .detail-view-container{background-color:#2c3035}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.detail-view-header{align-items:center;background-color:var(--primary-color);border-bottom:1px solid var(--gray-200);border-top-left-radius:var(--card-border-radius);border-top-right-radius:var(--card-border-radius);color:#fff;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.detail-view-header h3{font-size:var(--font-size-large);margin:0}.detail-view-header .btn-icon{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-speed);width:32px}.detail-view-header .btn-icon:hover{background:#ffffff4d}.detail-view-content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.plaque.issueDeChuteReuse{background-color:#06d6a04d;border:2px solid var(--success-color)}.plaque.issueDeChuteReuse .plaque-numero{color:var(--success-color)}.plaque.issueDeChuteReuse:before{background-color:#ffffffe6;border-radius:var(--border-radius-sm);bottom:4px;color:var(--success-color);content:"♻️ Chute réutilisée";font-size:.7rem;left:50%;padding:.2rem .4rem;position:absolute;transform:translateX(-50%);white-space:nowrap}.dark-mode .plaque.issueDeChuteReuse:before{background-color:#2c3035e6}.chutes-disponibles{border-left:3px solid var(--success-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.chutes-disponibles,.dark-mode .chutes-disponibles{background-color:var(--success-light)}.chutes-disponibles h3{color:var(--success-color);font-size:var(--font-size-medium);margin-bottom:var(--spacing-xs);margin-top:0}.chutes-disponibles p{margin:0}.chutes-disponibles p,.dark-mode .chutes-disponibles p{color:var(--dark-color)}.recuperation-chutes{margin-top:var(--spacing-lg)}.recuperation-chutes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.recuperation-chutes-toggle{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;font-weight:var(--font-weight-medium)}.recuperation-chutes-toggle svg{margin-right:var(--spacing-xs)}.recuperation-chutes-content{animation:slideDown .3s ease-out;background-color:var(--gray-100);border-radius:var(--border-radius);padding:var(--spacing-md)}.dark-mode .recuperation-chutes-content{background-color:#343a40}.tag{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;margin-left:8px;padding:2px 8px}.tag-success{background-color:var(--success-light);color:var(--success-color)}.tag-info{background-color:var(--info-light);color:var(--info-color)}.highlight-success{color:var(--success-color);font-weight:var(--font-weight-bold)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mur-canvas{position:relative;transform-origin:bottom left}.decoupe,.ouverture,.plaque,.plaque-numero{position:absolute}.plaque-numero{left:5px;top:5px}.plaque-dimension.plaque-largeur{bottom:-20px;left:50%;position:absolute;transform:translateX(-50%)}.plaque-dimension.plaque-hauteur{bottom:50%;left:-20px;position:absolute;transform:translateY(50%) rotate(-90deg)}.ouverture-dimension{background-color:#fffc;border-radius:2px;font-size:.65rem;margin-top:1px;max-width:100%;overflow:hidden;padding:1px 3px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dark-mode .ouverture-dimension{background-color:#0009;color:#fff}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--dark-color);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);transition:color var(--transition-speed)}.dark-mode .form-group label{color:var(--gray-300)}.form-control{background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius);color:var(--dark-color);font-size:var(--font-size-normal);padding:var(--spacing-sm);transition:all var(--transition-speed);width:100%}.dark-mode .form-control{background-color:#2c3035;border-color:#495057;color:var(--dark-color)}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3a86ff1a;outline:none}.dark-mode .form-control:focus{box-shadow:0 0 0 3px #3a86ff33}.input-group{align-items:center;display:flex}.input-group .form-control{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-append{align-items:center;background-color:var(--gray-100);border:1px solid var(--gray-300);border-bottom-right-radius:var(--border-radius);border-left:none;border-top-right-radius:var(--border-radius);color:var(--gray-600);display:flex;padding:0 var(--spacing-sm);transition:all var(--transition-speed)}.dark-mode .input-group-append{background-color:#343a40;border-color:#495057;color:var(--gray-400)}.btn{align-items:center;border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:var(--font-size-normal);font-weight:var(--font-weight-medium);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;transition:all var(--transition-speed)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--gray-200);color:var(--gray-700)}.dark-mode .btn-secondary{background-color:var(--gray-700);color:var(--gray-200)}.btn-secondary:hover{background-color:var(--gray-300);box-shadow:var(--shadow);transform:translateY(-1px)}.dark-mode .btn-secondary:hover{background-color:var(--gray-600)}.btn-secondary:active{transform:translateY(0)}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#05c090;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-success:active{transform:translateY(0)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#e13864;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-sm{font-size:var(--font-size-small);padding:var(--spacing-xs) var(--spacing-sm)}.tabs{border-bottom:1px solid var(--gray-200);display:flex;margin-bottom:var(--spacing-lg);overflow-x:auto;transition:border-color var(--transition-speed)}.dark-mode .tabs{border-bottom-color:var(--gray-700)}.tab{border-bottom:3px solid #0000;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-speed);white-space:nowrap}.tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.tab:hover:not(.active){border-bottom-color:var(--gray-300)}.dark-mode .tab:hover:not(.active){border-bottom-color:var(--gray-600)}.tab-close{align-items:center;display:inline-flex;justify-content:center;margin-left:var(--spacing-xs);opacity:0;transition:opacity var(--transition-speed)}.tab:hover .tab-close{opacity:1}.ouverture-item{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);overflow:hidden;transition:all var(--transition-speed)}.dark-mode .ouverture-item{background-color:#343a40;border-color:#495057}.ouverture-item.active{border-color:var(--primary-color);box-shadow:0 0 0 2px #3a86ff1a}.dark-mode .ouverture-item.active{box-shadow:0 0 0 2px #3a86ff33}.ouverture-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.ouverture-type{font-weight:var(--font-weight-bold)}.dark-mode .ouverture-type,.ouverture-type{color:var(--dark-color)}.ouverture-dimensions{color:var(--gray-600);font-size:var(--font-size-small)}.dark-mode .ouverture-dimensions{color:var(--gray-400)}.btn-icon{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray-500);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xxs);transition:all var(--transition-speed)}.btn-icon:hover{background-color:var(--gray-200);color:var(--danger-color)}.dark-mode .btn-icon:hover{background-color:var(--gray-700)}.ouverture-details{background-color:var(--gray-100);border-top:1px solid var(--gray-200);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-speed)}.dark-mode .ouverture-details{background-color:#2c3035;border-top-color:#495057}.form-row{display:flex;margin:0 calc(var(--spacing-xs)*-1) var(--spacing-sm)}.form-row .form-group{margin-bottom:var(--spacing-xs);padding:0 var(--spacing-xs)}.form-group.half{width:50%}.action-buttons{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-lg)}.form-control.is-invalid{border-color:var(--danger-color)}.invalid-feedback{color:var(--danger-color);font-size:var(--font-size-small);margin-top:var(--spacing-xxs)}.empty-state{background-color:var(--gray-100);border-radius:var(--border-radius);color:var(--gray-600);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-speed)}.dark-mode .empty-state{background-color:var(--gray-100);color:var(--gray-400)}.ouverture-item{animation:slideIn .2s ease-out}.action-buttons-container{margin-bottom:var(--spacing-lg)}.chutes-toggle-container{align-items:center;border-radius:var(--border-radius);display:flex;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-speed)}.chutes-toggle-container,.dark-mode .chutes-toggle-container{background-color:var(--gray-100)}.toggle-switch{display:inline-block;height:24px;margin-right:var(--spacing-md);position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--gray-300);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.toggle-slider{background-color:var(--success-color)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--success-color)}input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-label{align-items:center;display:flex;font-weight:var(--font-weight-medium);transition:color var(--transition-speed)}.dark-mode .toggle-label,.toggle-label{color:var(--dark-color)}.toggle-label svg{color:var(--success-color);margin-right:var(--spacing-xs)}.input-group.with-btn{align-items:center;display:flex}.input-group.with-btn .form-control{border-bottom-right-radius:0;border-top-right-radius:0;flex-grow:1}.input-group.with-btn .form-control-display{background-color:var(--gray-100);border:1px solid var(--gray-300);border-bottom-left-radius:var(--border-radius);border-right:none;border-top-left-radius:var(--border-radius);color:var(--gray-700);flex-grow:1;padding:var(--spacing-sm)}.dark-mode .input-group.with-btn .form-control-display{background-color:#2c3035;border-color:#495057;color:var(--dark-color)}.input-group.with-btn .input-btn{align-items:center;background-color:var(--gray-200);border:1px solid var(--gray-300);border-bottom-right-radius:var(--border-radius);border-left:none;border-top-right-radius:var(--border-radius);color:var(--gray-600);display:flex;height:100%;justify-content:center;padding:0 var(--spacing-sm)}.dark-mode .input-group.with-btn .input-btn{background-color:#343a40;border-color:#495057;color:var(--gray-400)}.input-group.with-btn .input-btn:hover{background-color:var(--gray-300);color:var(--primary-color)}.dark-mode .input-group.with-btn .input-btn:hover{background-color:var(--gray-600)}.radio-group{display:flex;gap:var(--spacing-md);margin-top:5px}.radio-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.radio-label input[type=radio]{margin-right:var(--spacing-xs)}.ouverture.tuyau-d-eau,.ouverture.tuyau-eau{background-color:#3a86ff33;border-color:var(--primary-color);border-radius:50%;color:var(--primary-color)}.ouverture.prise{background-color:#ff780033;border-color:#ff7800;color:#ff7800}.ouverture.interrupteur{background-color:#906dff33;border-color:#906dff;color:#906dff}.form-group.full{width:100%}.elements-preview{align-items:center;display:flex;gap:2px;height:20px;justify-content:center;margin-top:5px}.element-preview-item{background-color:var(--gray-500);border-radius:1px;height:8px;width:8px}.modal-overlay{background-color:#00000080;padding:var(--spacing-md);z-index:1000}.modal-container{animation:slideIn .2s ease-out;background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow:hidden;width:100%}.dark-mode .modal-container{background-color:#2c3035}.modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.dark-mode .modal-header{border-bottom-color:#495057}.modal-header h3{margin:0}.dark-mode .modal-header h3,.modal-header h3{color:var(--dark-color)}.modal-body{max-height:calc(90vh - 80px);overflow-y:auto;padding:var(--spacing-lg)}.project-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.project-actions .btn{flex:1 1;min-width:120px}.projects-list{border:1px solid var(--gray-200);border-radius:var(--border-radius);overflow:hidden}.dark-mode .projects-list{border-color:#495057}.project-item{transition:background-color var(--transition-speed)}.project-item:hover{background-color:var(--gray-100)}.dark-mode .project-item:hover{background-color:#343a40}.save-dialog{background-color:var(--gray-100);border-radius:var(--border-radius)}.dark-mode .save-dialog{background-color:#343a40}.load-dialog h4{margin-bottom:var(--spacing-md);margin-top:0}.dark-mode .load-dialog h4,.load-dialog h4{color:var(--dark-color)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.pdf-preview-modal{animation:slideIn .3s ease-out;background-color:var(--white);border-radius:var(--card-border-radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.dark-mode .pdf-preview-modal{background-color:var(--gray-800)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-message{animation:pulse 1.5s infinite;background-color:#3a86ffe6;border-radius:var(--border-radius);box-shadow:var(--shadow);color:#fff;font-weight:var(--font-weight-medium);left:50%;padding:20px 30px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}@keyframes pulse{0%{box-shadow:0 0 0 0 #3a86ffb3}70%{box-shadow:0 0 0 10px #3a86ff00}to{box-shadow:0 0 0 0 #3a86ff00}}.pdf-preview{border:1px solid var(--gray-300);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);flex:2 1;overflow:hidden}.dark-mode .pdf-preview{border-color:var(--gray-700)}.pdf-page{background-color:#fff;color:#000;font-family:Arial,sans-serif;min-height:500px;overflow-y:auto;padding:40px;position:relative;width:100%}.pdf-page h1{color:var(--primary-color);font-size:24px;margin-bottom:8px;margin-top:0;text-align:center}.pdf-date{color:var(--gray-600);font-size:14px;margin-bottom:24px;text-align:center}.pdf-section{margin-bottom:20px}.pdf-section h2{border-bottom:1px solid var(--gray-300);color:var(--primary-color);font-size:18px;margin-bottom:10px;padding-bottom:5px}.pdf-section div,.pdf-section p{font-size:14px;margin-bottom:5px}.pdf-section ul{margin-top:5px;padding-left:20px}.pdf-section li{font-size:14px;margin-bottom:5px}.pdf-page-number{bottom:20px;color:var(--gray-600);font-size:12px;position:absolute;right:20px}.pdf-options{display:flex;flex:1 1;flex-direction:column;gap:20px}.format-group,.option-group{background-color:var(--gray-100);border-radius:var(--border-radius);padding:15px}.dark-mode .format-group,.dark-mode .option-group{background-color:var(--gray-700)}.format-group h3,.option-group h3{color:var(--primary-color);font-size:16px;margin-bottom:10px;margin-top:0}.option-row{align-items:center;display:flex;margin-bottom:8px}.option-row input{margin-right:8px}@media (max-width:768px){.modal-content{flex-direction:column}.pdf-options,.pdf-preview{width:100%}}.btn-export-pdf{align-items:center;display:inline-flex;justify-content:center;transition:all var(--transition-speed)}.btn-export-pdf:hover{transform:translateY(-2px)}.btn-export-pdf .icon{margin-right:8px}
/*# sourceMappingURL=main.557aa5fd.css.map*/