:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#2d2d30;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#9f44d4;text-decoration:inherit}a:hover{color:#7934a1}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;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}}.content{margin-left:250px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 20px}.project-case{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin:20px;border-radius:10px;box-shadow:0 0 10px #00000080;transition:.5s;cursor:pointer;min-width:150px;min-height:100px}.project-case:hover{box-shadow:0 0 20px #00000080}.projects-list{display:flex;flex-wrap:wrap;justify-content:center}.sidebar{position:fixed;top:0;left:0;width:250px;height:100%;background-color:#252526;color:#fff;transition:.5s;z-index:1000;overflow-y:auto;box-shadow:0 0 10px #00000080}.sidebar li{list-style:none;padding:10px 20px;border-bottom:1px solid #474748;cursor:pointer;transition:.5s}.sidebar ul{padding:0;margin:0}.sidebar-toggle{position:absolute;top:0;left:250px;height:40px;background-color:#252526;text-align:left;line-height:0px;color:#fff;cursor:pointer;transition:.5s;z-index:1000;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:5px 2px 5px #00000080;z-index:1001}.presentation{width:100%}.tuile{border:1px solid #000;border-radius:5px;box-shadow:2px 2px 5px #000;margin:10px;width:30%;justify-content:center;align-items:center;padding:10px}.ligne{display:flex;justify-content:center}.content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.content2{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%}.table{width:100%}.table table{width:100%;border-collapse:collapse}.table table th{background-color:#252526;color:#fff;padding:10px;border:1px solid #000;text-align:left}.table table td{padding:3px 10px;border:1px solid #000}.action{width:100px}.search-bar{display:flex;margin:20px 20px 20px 0;justify-content:center;align-items:center;gap:10px}.search-bar input,.search-bar select{width:200px;height:30px;padding:5px;border-radius:5px;border:1px solid #000}.icon-item{width:70px;height:70px}.item-detail{display:flex;flex-direction:column;margin:10px 100px 0}.item-resource{display:flex;padding:10px 10px 10px 5px;border:1px solid rgb(30,30,30);border-radius:5px;box-shadow:0 4px 8px #0006}.item-calculator{flex:0 0 500px}.calculator-content{display:flex;flex-direction:row;justify-content:center;gap:15%}.calculator-titles{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:40%}.item-name{display:flex;text-align:center;align-items:center;gap:20px}.item-name label{font-weight:700;font-size:20px}.img-item{width:100px;height:100px}.item-image img{width:100px}.item-ressource-content{display:flex;flex-direction:column;align-items:center}.item-ressource-content button{width:30px;padding:5px;background-color:#2d2d30;border-color:#101010}.item-ressource-content button:hover{background-color:#232323;border-color:#101010}.div-item-ressource-title{gap:10px;display:flex;align-items:center;padding-bottom:10px}.item-ressource-title{font-weight:700}.calculator select{height:30px;border-radius:5px;border:1px solid black}.item-price input:text{width:150px;height:30px;border-radius:5px;border:1px solid black}.prix-ressources-div,.prix-vente-hdv{margin-top:10px;margin-bottom:10px}.city-select{width:60%}.div-ville-prix{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10%}#prix-vente,#prix-ressources,#prix-craft,.input-detail{width:100px;height:25px;border-radius:5px;border:1px solid black}.prix-vente-div{display:flex;flex-direction:row;justify-content:left;align-items:center;gap:10%}.prix-craft-div{display:flex;flex-direction:row;align-items:center;gap:80px}.prix-achat-ressources{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:100px}.div-vente{display:table}.div-vente .row{display:table-row}.div-vente .cell{display:table-cell;padding:10px;border:1px solid #000}.benefice-1{background-color:#1e1e1e;border:1px solid #101010;border-radius:5px;padding:5px;font-weight:700;width:94px}.readonly-span{background-color:#1e1e1e;border:1px solid #101010;border-radius:5px;padding:3px 5px;font-weight:700;width:94px}.cell-tableau{display:flex}.benefice-positif{background-color:#1d421d}.benefice-negatif{background-color:#562626}.item-resources{display:flex;flex-wrap:wrap;gap:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:60px;background-color:#3e3e42;border-bottom:1px solid #313134}.share{display:flex;align-items:center;gap:10px;background-color:#007acc}.toolbar-left{display:flex;align-items:center;gap:50px}.software-name{font-size:2em;font-weight:500;color:#fff}.title{font-size:1.5em;font-weight:400;color:#fff}.modal-item{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content-item{background-color:#131313;margin:5% auto;border:1px solid #888;width:fit-content;padding-left:40px;padding-right:40px;padding-bottom:30px;border-radius:5px}.modal-content-item h2{margin-bottom:10px;color:#b3b3b3;padding-bottom:10px}.modal-content-item label{font-size:14px;color:#b3b3b3;margin-bottom:5px;margin-top:5px}.formulaire-item>div>label{font-size:14px;color:#b3b3b3;margin-bottom:5px;margin-top:5px}.formulaire-item>div>input{border-radius:5px}.formulaire-item{display:grid}.group1{grid-column:1}.group2{grid-column:2;border-left:1px solid #2c2c2c;display:inline-block;height:100%;margin:0 20px}.group3{grid-column:3}.boutons-item{display:flex;justify-content:space-between;margin-top:50px}.boutons-item>button{padding:10px 20px;border-radius:5px;border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.boutons-item>button:hover{transform:scale(1.1);transition:.5s}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#b3b3b3;text-decoration:none;cursor:pointer}.modal-header-item{display:flex;justify-content:space-between;align-items:center}.div-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.label-item{font-size:14px;color:#b3b3b3;margin-bottom:5px;margin-top:5px;width:160px}.input-item{width:80%;border-radius:5px}hr{color:#b3b3b3;width:100%;margin-bottom:10px}.table-properties-item{width:100%;border-collapse:collapse;margin-bottom:20px;border-radius:5px;overflow:hidden}.properties-item th{color:#b3b3b3;font-size:14px;padding:10px;text-align:left;border:1px solid #ddd;position:sticky;top:0;z-index:1}.table-properties-item td{border:1px solid #ddd;padding:10px;text-align:left;font-size:14px;color:#b3b3b3}.table-properties-item tr:nth-child(odd){background-color:#f2f2f2}.table-properties-item tr:nth-child(2n){background-color:#fff}.table-properties-item tr:hover{background-color:#d3d3d3}.div-item-properties-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.properties-item{overflow-y:auto;max-height:200px}.button-add-property{border-radius:5px;border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.icon-move-row{cursor:move}.icon-move-row img{width:20px;height:20px}.table-price{width:100%;border-collapse:collapse;margin-bottom:20px;border-radius:5px;overflow:hidden;color:#b3b3b3}.table-price tr{border:1px solid #a1a1a1;padding:10px;text-align:left;font-size:14px;color:#b3b3b3}.table-price input{width:50%;border-radius:5px}.table-price th{color:#b3b3b3;font-size:14px;padding:10px;text-align:left;border:1px solid #ddd;position:sticky;top:0;z-index:1}.table-price .td-city{width:30%}