.login-container{background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0000000f;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:4rem auto;max-width:400px;padding:2rem;transition:all .3s ease-in-out}.login-container h2{color:#2c3e50;font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.login-container label{color:#444;display:block;font-weight:600;margin-bottom:.25rem}.login-container input{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1rem;padding:.6rem .8rem;transition:border .3s ease;width:100%}.login-container input:focus{border-color:#007bff;box-shadow:0 0 6px #007bff4d;outline:none}.login-container .error{background-color:#ffeaea;border-radius:6px;color:#e53935;font-size:.95rem;margin-bottom:1rem;padding:.5rem;text-align:center}.login-container button{background-color:#007bff;border:none;border-radius:30px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem;transition:background-color .3s ease,transform .2s ease;width:100%}.login-container button:hover{background-color:#0069d9;transform:scale(1.02)}@media (max-width:480px){.login-container{margin:2rem 1rem;padding:1.5rem}.login-container h2{font-size:1.5rem}.login-container button{font-size:.95rem;padding:.7rem}}.clients-container{background:#fff;border-radius:12px;box-shadow:0 6px 18px #0000001a;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:30px auto;max-width:900px;padding:20px 15px;transition:box-shadow .3s ease}.clients-container:hover{box-shadow:0 8px 24px #00000026}.clients-container h2{color:#1e88e5;font-size:1.5rem;font-weight:700;margin-bottom:20px;-webkit-user-select:none;user-select:none}.clients-input{border:2px solid #ddd;border-radius:10px;box-sizing:border-box;font-size:13px;outline:none;padding:8px;transition:border-color .3s ease,box-shadow .3s ease;width:55%}.clients-input:focus{border-color:#1e88e5;box-shadow:0 0 8px #1e88e566}.suggestions-list{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 14px #0000001a;font-size:13px;list-style:none;margin-top:8px;max-height:250px;overflow-y:auto;padding:0;position:relative;-webkit-user-select:none;user-select:none;width:55%;z-index:1000}.suggestion-item{cursor:pointer;padding:10px 16px;transition:background-color .25s ease}.suggestion-item.active,.suggestion-item:hover{background-color:#e3f2fd;color:#0d47a1;font-weight:600}.no-result{color:#999;font-style:italic;padding:12px 16px}.proceed-btn-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:18px}.proceed-btn-container p{font-size:1.1rem;font-weight:600;-webkit-user-select:none;user-select:none}.proceed-btn{background-color:#1e88e5;border-radius:10px;flex-shrink:0;font-size:13px;padding:12px 15px;transition:background-color .3s ease}.proceed-btn:hover{background-color:#1565c0}.invoices-section{margin-top:40px;overflow-x:auto}.invoices-section h3{color:#1565c0;font-weight:700;margin-bottom:16px;-webkit-user-select:none;user-select:none}.invoices-section p{color:#555;font-size:1rem}.invoices-section p[style*="color: red"]{font-weight:700;-webkit-user-select:none;user-select:none}table{border-collapse:collapse;font-size:.95rem;-webkit-user-select:none;user-select:none;width:100%}thead{background-color:#1e88e5;border-radius:10px 10px 0 0;color:#fff;font-weight:600}td,th{border-bottom:1px solid #eee;padding:14px 12px;text-align:left}tbody tr:hover{background-color:#e3f2fd}a{color:#1e88e5;font-weight:600;text-decoration:none;transition:color .3s ease}a:hover{color:#0d47a1;text-decoration:underline}.tabs{display:flex;gap:10px;margin-bottom:10px;margin-top:2.5rem}.tabs button{background:#eee;border:none;cursor:pointer;font-weight:700;padding:8px 16px}.tabs button.active-tab{background:#007bff;color:#fff}.invoice-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.invoice-card{background-color:#fff;border:1px solid #ccc;border-radius:.5rem;box-shadow:0 2px 5px #0000000d;padding:1rem}.invoice-card div{margin-bottom:.5rem}.invoice-card a{color:#007bff;text-decoration:none}.invoice-card a:hover{text-decoration:underline}.client-summary{background-color:#f5faff;border:1px solid #d0e7ff;border-radius:12px;box-shadow:0 2px 6px #1e88e514;margin-top:30px;padding:20px}.client-summary h3{color:#0d47a1;font-size:1.3rem;font-weight:700;margin-bottom:14px}.client-summary ul{list-style-type:none;padding-left:0}.client-summary li{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;font-size:.97rem;font-weight:450;justify-content:flex-start;margin-bottom:8px;padding:8px 12px}.invoice-section{margin-top:12px}.invoice-section h3{color:#1e88e5;font-size:1.3rem;font-weight:700;margin-bottom:10px}.invoice-section p,.selectedName-tag{color:#a9a9a9;font-size:11px}.invoice-section p[style*="color: red"]{color:#d32f2f!important}.invoice-section p:empty,.no-result{color:#888;font-style:italic;margin-top:10px}.status-badge{border-radius:6px;color:#fff;display:inline-block;margin-left:5px;padding:3px 10px}.status-badge.issued{background:#f85031}.status-badge.paid{background:#82bc40}.tabs .period{background-color:#fff;border:2px solid #ddd;border-radius:10px;color:#333;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;padding:6px 12px;transition:border-color .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}.tabs .period:focus{border-color:#1e88e5;box-shadow:0 0 8px #1e88e566;outline:none}.period-wrapper{margin-bottom:1rem}.add-btn{background-color:#1e88e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:6px 14px;transition:background-color .3s ease}.add-btn:hover:not(:disabled){background-color:#1565c0}.added-btn{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:default;font-weight:600;opacity:.7;padding:5px 8px}@media (max-width:640px){.clients-container{margin:15px 10px;padding:15px 12px}.clients-container h2{font-weight:600;margin:0 0 12px}.clients-input{font-size:12px;width:100%}.suggestions-list{width:100%}.proceed-btn-container{align-items:center;flex-direction:column}.proceed-btn{font-size:14px;padding:10px;width:100%}.tabs{flex-wrap:wrap;margin-bottom:0;margin-top:25px}.tabs button{font-size:13px}.period-wrapper{width:100%}.period{display:block;margin-top:5px;padding:3px 8px;width:auto}.invoice-card{padding:7px 10px}.invoice-list{font-size:12px;gap:7px;padding:3px 9px}.client-summary{margin-top:12px;padding:5px}.client-summary h3{font-size:14px}.client-summary li{font-size:12px}.add-btn{padding:5px 10px}table,tbody,td,th,thead,tr{display:block}thead tr{left:-9999px;position:absolute;top:-9999px}tr{background:#fff;border-radius:12px;box-shadow:0 2px 8px #1e88e51a;margin-bottom:16px;padding:12px 15px}td{border:none;padding-left:50%;position:relative;text-align:right}td:before{color:#1565c0;content:attr(data-label);font-weight:600;left:15px;position:absolute;text-transform:capitalize;top:12px;white-space:nowrap}}.product-container{background-color:#fafafa;border-radius:12px;box-shadow:0 8px 16px #0000000a;color:#222;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px}.product-container p{color:#a9a9a9;font-size:11px;margin:0 7px}.group-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-bottom:1.5rem}.group-selector button{background-color:#f0f0f0;border:2px solid #0000;box-shadow:0 2px 6px #0000000d;color:#555;cursor:pointer;font-size:14px;font-weight:700;min-width:100px;padding:18px 30px;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.group-selector button:hover{background-color:#e0e0e0}.group-selector button.active{background-color:#4caf50;border-color:#4caf50;box-shadow:0 4px 12px #4caf5066;color:#fff;transform:scale(1.05)}.product-grid{grid-gap:13px;display:grid;gap:13px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));margin-top:1rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.product-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:90px;min-width:170px;padding:7px;position:relative;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{box-shadow:0 10px 24px #0000001a;transform:translateY(-3px) scale(1.02)}.product-card.selected{border:2px solid #4caf50;box-shadow:0 0 10px #4caf5066;transform:scale(1.01)}.product-body{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.product-name{color:#333;font-size:13px;font-weight:600;margin-bottom:.75rem;text-align:left}.product-price{font-size:12px}.price-details{gap:25px;width:100%}.price-details,.quantity-section{display:flex;justify-content:center}.quantity-control{background:#a2a9ad;height:25px;overflow:hidden;width:105px}.btn,.quantity-control{align-items:center;display:flex;justify-content:center}.btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px;font-weight:700;height:40px;width:40px}.quantity{background:#e3e2e2;border:none;font-size:12px;height:25px;text-align:center;width:45px}.remove-btn-card{background:#0000;border:none;color:#e53935;cursor:pointer;font-size:.8rem;position:absolute;right:4px;top:4px;transition:color .3s ease}.remove-btn-card:hover{color:#b71c1c}.selected-summary{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000f;margin-top:2rem;max-height:250px;overflow-y:auto;padding:1rem}.selected-summary h3{color:#333;font-size:1.25rem;margin-bottom:.75rem}.selected-summary ul{color:#444;list-style:none;padding-left:0}.selected-summary li{line-height:1.4;margin-bottom:.5rem}.checkout-actions{margin-top:1.5rem;text-align:center}.proceed-btn{background-color:#4caf50;border:none;border-radius:30px;box-shadow:0 6px 18px #4caf504d;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;padding:.8rem 2rem;transition:background-color .3s ease,transform .2s ease}.proceed-btn:hover{background-color:#43a047}.search-wrapper{display:flex;flex-wrap:nowrap;justify-content:center;margin:2rem auto;max-width:280px;position:relative}.search-wrapper input{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.6rem 2rem .6rem 1rem;width:100%}.clear-search-btn{background:none;border:none;color:#888;cursor:pointer;font-size:10px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.clear-search-btn:hover{color:#000}.tab-selector{display:flex;gap:12px;justify-content:center;margin-bottom:1.5rem}.tab-selector button{background-color:#f8f8f8;border:2px solid #ccc;border-radius:25px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.tab-selector button:hover{background-color:#e0e0e0;border-color:#aaa}.tab-selector button.active{background-color:#4caf50;border-color:#4caf50;box-shadow:0 4px 12px #4caf5066;color:#fff;transform:scale(1.05)}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:1.5rem}.pagination button{background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;padding:8px 16px;transition:all .3s ease}.pagination button:hover{background-color:#e0f5e0;border-color:#4caf50;color:#2e7d32}.pagination button.active{background-color:#4caf50;border-color:#4caf50;box-shadow:0 4px 10px #4caf504d;color:#fff;font-weight:700}.pagination-ellipsis{color:#888;font-size:1rem;padding:8px 12px;-webkit-user-select:none;user-select:none}@media (max-width:480px){.pagination button{font-size:10px;height:30px;padding:10px 13px}.pagination{margin-top:15px}}@media (max-width:768px){.group-selector{gap:13px;padding-top:16px}.group-selector button{font-size:14px;max-width:30%;min-width:46px;padding:12px 3px;width:30%}.product-container{padding:.5rem}.product-card{gap:0!important;padding:8px 10px!important}.search-wrapper{margin:0 auto}.product-name{font-size:13px}.product-price{align-items:center;flex-direction:column;font-size:13px;margin-top:0}.product-card.selected{border:1px solid #4caf50;transform:none}.price-details{align-items:center;flex-direction:row;gap:55px}.quantity{text-align:center}.remove-btn-card{font-size:.75rem}.selected-summary{font-size:.9rem}.proceed-btn{font-size:1rem;padding:.7rem 1.8rem}.product-grid{gap:5px;grid-template-columns:1fr}.selected-summary{padding:.5rem}.selected-summary h3{font-size:13px}.selected-summary li{font-size:11px;line-height:1;margin-bottom:4px}.selected-summary ul{padding:1px}}.checkout-container{animation:fadeIn .6s ease-in-out;background-color:#f9f9f9;border-radius:12px;box-shadow:0 8px 24px #0000000d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1100px;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.checkout-header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:15px}.checkout-header h2{margin-bottom:5px}.header-fields{display:flex;gap:15px;justify-content:space-between;justify-content:flex-end}.invoice-number-field,.sell-date-field{align-items:center;display:flex;flex-direction:row;gap:4px}.invoice-number-field label,.sell-date-field{color:#333;font-size:14px;font-weight:600}.invoice-number-field input[type=text],.sell-date-field input[type=text]{border:1px solid #ccc;border-radius:0;font-size:14px;height:15px;padding:.25rem;transition:border-color .3s ease;width:85px}.checkout-container p{animation:fadeIn .5s ease-in;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;color:#a9a9a9;font-size:11px;padding:2rem 1rem;text-align:center}.checkout-container .searchClient-btn,.submit-btn{background-color:#007bff;border:none;border-radius:30px;box-shadow:0 6px 18px #007bff4d;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:1.5rem auto;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease}.checkout-container button:hover{transform:scale(1.03)}.checkout-product-summary{background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000000d;overflow-x:auto;padding:1rem}.checkout-product-table{border-collapse:collapse;width:100%}.checkout-product-table td,.checkout-product-table th{border-bottom:1px solid #ddd;padding:.6rem;text-align:center}.name-cell{padding-right:2rem;position:relative;text-align:left}.remove-btn{background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:21px;left:-13px;position:absolute;top:17px;transition:background .3s ease;width:21px}.remove-btn:hover{background:#c0392b}.desktop-only,.mobile-only,.product-table{margin-bottom:20px}.product-table input[type=number]{border:1px solid #ccc;border-radius:6px;font-size:11px;height:18px;padding:3px;text-align:center;transition:border .3s ease;width:48px}.product-table input[type=number]:focus{border-color:#4caf50;box-shadow:0 0 6px #4caf5080;outline:none}.total-section{color:#2c3e50;font-size:1.25rem;font-weight:700;margin-top:1rem;text-align:right}.action-select{margin-top:2rem;text-align:center}.action-select h3{font-size:1.3rem;margin-bottom:1rem}.client-highlight{color:#4caf50;font-weight:600}.radio-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.radio-group label{align-items:center;background-color:#fff;border:2px solid #ccc;border-radius:10px;cursor:pointer;display:flex;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s ease-in-out}.radio-group label:hover{background-color:#f0f0f0}.radio-group input[type=radio]{accent-color:#4caf50}.submit-section{margin-top:2rem;text-align:center}.submit-btn{background-color:#4caf50;border:none;border-radius:30px;box-shadow:0 6px 18px #4caf504d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.8rem 2rem;transition:all .3s ease}.submit-btn:hover{background-color:#43a047;transform:scale(1.03)}.desktop-only{display:table}.mobile-only{display:none}.checkout-control-fields{padding:0 3px}.reset-order{background-color:#ff4d4f;border:none;border-radius:8px;box-shadow:0 2px 5px #00000026;color:#fff;cursor:pointer;font-size:.7rem;margin:10px;padding:7px 16px;transition:background-color .3s ease,transform .2s ease}.reset-order:hover{background-color:#d9363e;transform:translateY(-2px)}.reset-order:active{background-color:#b52a2f;transform:scale(.98)}.checkbox-label,.tarif-selection{align-items:flex-end;display:flex;flex-direction:column;font-weight:500;gap:8px;justify-content:flex-end;margin-bottom:15px}.tarif-selection select{height:35px;padding:2px;width:160px}.total-section{margin:0 15px 15px 0}.total-section h4{font-size:1rem;margin:0}.reset-order{margin:0 0 10px 10px}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.checkout-product-list{display:flex;flex-direction:column;gap:3px}.checkout-product-card{background-color:#f9f9f9;border:2px solid #ccc;border-radius:.5rem;font-size:12px;margin-bottom:8px;padding:10px 8px;position:relative}.checkout-product-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:.5rem}.checkout-product-field{align-items:center;display:flex;justify-content:space-around}.checkout-product-field input{border:none;border-bottom:1px solid #888;font-size:16px;outline:none;padding:4px;text-align:center;transform:scale(.875);transform-origin:left top;width:42px}.checkout-product-header .remove-btn{background:none;border:none;color:red;cursor:pointer;flex-shrink:0;font-size:13px;left:auto;right:7px;top:0}.checkbox-label,.tarif-selection{font-size:12px;gap:1px;margin-bottom:15px}.reset-order{padding:5px 7px}.action-select h3{font-size:14px}}.toggle-discount{display:flex;justify-content:flex-end;margin-bottom:15px}.toggle-discount button{background-color:#eef;border:1px solid #99c;border-radius:6px;cursor:pointer;padding:5px 10px}@media (max-width:600px){.checkout-container{padding:15px 5px}.checkout-product-header .checkout-product-field strong{font-size:12x!important}.checkout-product-summary{margin:0 3px;padding:0 4px}.checkout-header{margin-bottom:5px}.checkout-header h2{font-size:18px;margin-bottom:15px}.header-fields{display:flex;justify-content:space-between}.invoice-number-field label,.sell-date{font-size:12px}.checkout-product-table td,.checkout-product-table th{font-size:.8rem;padding:.4rem}.product-table input[type=number]{font-size:.85rem;width:50px}.remove-btn{font-size:10px;height:18px;left:auto;right:10px;top:0;width:18px}.total-section h4{font-size:1rem}.radio-group label{font-size:.9rem;padding:4px 10px}.submit-btn{font-size:1rem;margin:0 auto;padding:7px 15px}.submit-section{margin-top:1rem}}.navbar{align-items:center;animation:slideInDown .6s ease-out;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:16px;box-shadow:0 8px 16px #0000001a;color:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:space-between;margin:1rem auto;max-width:1200px;padding:.75rem 1.5rem}.nav-right span{margin-right:0!important}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.nav-left span,.nav-right span{cursor:pointer;font-weight:500;margin-right:1rem;position:relative;transition:color .3s ease;-webkit-user-select:none;user-select:none}.nav-left span:after,.nav-right span:after{background-color:#fff;bottom:-4px;content:"";display:block;height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-left span:hover:after,.nav-right span:hover:after{width:100%}.nav-left span:hover,.nav-right span:hover{color:#dcedc8}.nav-left span.active{font-weight:700}.nav-left span.active:after{width:100%}.nav-right span{font-size:1.2rem;-webkit-user-select:none;user-select:none}.nav-right span:hover{color:#dcedc8}@media (max-width:600px){.navbar{border-radius:0;font-size:14px;height:31px;justify-content:flex-start;left:0;margin:0;padding:.5rem 1rem;position:fixed;right:0;top:0;width:100%;z-index:1000}.nav-left,.nav-right{display:flex;flex-wrap:wrap;gap:.75rem}.nav-right{position:absolute;right:40px}.nav-left span,.nav-right span{margin-right:5px}#root{margin:-8px}}.App{text-align:center}@media (max-width:600px){#root,.page-container,body{padding-top:24px}}input{font-size:16px!important;transform:scale(.875)!important;transform-origin:left top}
/*# sourceMappingURL=main.0822f342.css.map*/