: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:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{marggin:20px;display:flex;flex-direction:column;width:100%;hmin-width:100vw;hmin-height:100vh;background:#7d7b7b}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}}.invoice-container{padding:0;font-family:Arial,sans-serif}.invoice{width:100%;margin:10px auto auto;padding:20px;background:#fffdfd;box-shadow:0 0 10px #0000001a;color:#000}.invoice-header{display:flex;margin-bottom:50px}.company-details{width:60%}.company-details{display:flex;flex-direction:column;font-size:14px}.business-info{flex-grow:2;padding-bottom:10px}.invoice-meta{width:40%;display:flex;flex-direction:column;justify-content:space-between;margin-top:10px}.invoice-summary{display:flex;align-items:end;font-size:14px;font-weight:700;padding-top:15px;padding-bottom:15px;background:#dedada}.invoice-number{flex-grow:1;padding-left:10px;border-right:1px solid #888585}.invoice-date{flex-grow:1;padding-left:10px}.billing-address{background:#d9dbd9;font-size:14px;margin-top:10px;padding-left:10px}.billing-address p{margin:0}.invoice-name p{background:#e6e4e4;font-weight:700;font-size:15px;padding-left:10px;line-height:2.5}.invoice-name,.invoice-summary p{padding:0;margin:0}.invoice-summary p:nth-of-type(2n){color:#2b2929;font-weight:500}.business-info strong{font-size:22px}.business-info p{font-size:14px;line-height:1.5}.billing-address p:first-child{font-weight:700;color:#000}.invoice-footer p{margin:0}.invoice-footer{display:flex;margin-bottom:10px;align-items:flex-start}.invoice-terms{width:50%}.invoice-terms p{margin:0;padding:5px 30px 0;font-size:11px}.invoice-totals-section{background:#dad9d9;width:50%;display:flex;margin-top:10px}.invoice-totals-labels{width:55%;display:flex;flex-direction:column;align-items:start}.invoice-totals-values{width:45%;display:flex;flex-direction:column;align-items:end}.invoice-grand-totals{background:#c85a5a;display:flex;justify-content:space-between}.invoice-grand-totals-terms{background:#fffdfd;width:50%}.invoice-grand-totals-data{background:#cbb6a0;width:50%;display:flex;text-align:start;justify-content:space-between}.invoice-grand-totals-data p:first-child{width:55%}.invoice-grand-totals p{margin:0}tbody tr:nth-child(2n){color:#0c0c0d;background:#dbdada}.terms{font-weight:700}*/ */ */ */ .invoice-details,.client-details,.totals,.payment-info,.footer{text-align:left;margin-top:20px}table{width:100%;border-collapse:collapse;margin-top:20px}table,th,td{border:1px solid #ddd;padding:10px;text-align:right}tbody td:nth-child(2){text-align:left}thead th:nth-child(2){text-align:left}th{background:#f4f3f3;color:#000}.totals p{font-size:18px;margin:5px 0}.grand-total{font-weight:700;font-size:22px;color:#fc0}.download-btn{margin-top:20px;padding:10px 20px;font-size:16px;background:#f60;border:none;cursor:pointer;border-radius:5px}.download-btn:hover{background:#ae7f18}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0adb;display:flex;justify-content:center;align-items:center}.modal-content{text-align:center;color:#25465f}.card{background:#b7b4b4c0;margin-top:10px;border:1px solid rgb(102,100,100);box-shadow:0 0 10px #4f4b4b3b}.card-row{padding:18px 0 10px;justify-content:center}.form-control{border:1px solid rgba(41,39,39,.35)}.card-row-facture,.card-row-company{padding:18px 0 10px 8%}.type-document{padding:10px 0 0 8%;margin:2px;border:1px solid rgba(41,39,39,.35);border-radius:5px}.name-entreprise{text-align:center}.card-input-row{width:600px;background:#ffffffc0;margin-top:10px;border:1px solid rgb(41,39,39);box-shadow:0 0 10px #4f4b4b3b;border-radius:10px;color:#1c4778}*{bordexr:1px solid black}.card-row-input-button{margin:10px 0}.card-input-row h2{justify-content:center;text-align:center;padding-top:5px}.wraper-invoice{background:#2f466a;border:1px solid rgb(135,133,133);border-radius:2px}.ajouter-line{margin-bottom:20px}.invoice-list-saved p{text-align:center;text-decoration:underline}.modal-invoice-list-saved{position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;background:#0a0a0adb;display:flex;align-items:flex-start}.invoice-list-saved{background:#da7b7b;background-color:#007bff;width:35%;margin-top:30px;margin-left:40px;border-radius:3px;padding:10px;font-size:16px;max-height:600px;overflow-y:auto}.invoice-list-saved ul{list-style-type:square;display:flex;flex-direction:column}.invoice-list-saved ul li{background:#0c73d3;border:1px solid rgb(164,169,177);margin:3px;border-radius:1px;padding:0 5px;cursor:pointer;transition:background .3s ease,transform .2s ease}.invoice-list-saved ul li:hover{background:#fab411;transform:scale(1.05);box-shadow:0 4px 8px #0003;color:#000;border:1px solid rgb(226,197,35)}.invoice-list-saved ul li:active{background:#ff541b;transform:scale(.95)}.card-nom-titre{text-align:center;padding:0;margin:0}.card-nom-titre h3{padding:0;margin:0}.button-voir-ancien-facture button{text-align:center}.button-voir-ancien-facture{background:#273f63}.navbar{background:#043b61}.navbar a{color:#fff}tbody tr:nth-child(2n) td{color:#0c0c0d;background:#dbdada;border-left:1px solid rgb(196,186,186);border-right:1px solid rgb(196,186,186)}.invoice-grand-totals-data{display:flex;justify-content:space-between;align-items:center;widtsh:100%}.joel{background:#000}.invoice-bloc-accompte{margin-top:10px;bakground:#dcd7d7;display:flex;flex-direction:column}.invoice-acompte,.invoice-solde{background:#cca881;display:flex;justify-content:space-between;margin-left:50%}.invoice-acompte p,.invoice-solde p{margin:0}.form-control{padding:2px;width:80%;border-radius:3px}.invoice-grand-totals-terms{border:none;border:1px solid #fffdfd}