:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:10px;font-size:x-large;border-radius:22px}body{background-color:#f6f7f8}.container{max-width:1280px;margin:0 auto}@media(hover:hover){a:hover{background-color:#00bd7e33}}form[data-v-857b2b78]{max-width:250px;margin:20px 0 20px 20px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#10b981}.form-control[data-v-857b2b78]{margin-bottom:15px;display:flex;flex-direction:column}label[data-v-857b2b78]{margin-bottom:5px;font-weight:700}select[data-v-857b2b78]{padding:8px 10px;border-radius:4px;border:1px solid #ccc;font-size:14px}select[data-v-857b2b78]:focus{outline:none;border-color:#007bff}button[data-v-857b2b78]{border-radius:10px;background-color:#000;color:#fff}main[data-v-8cda07c1]{color:#111827}.card[data-v-8cda07c1]{width:100%;background:#fff;border-radius:12px;padding:1rem;text-align:left;box-shadow:0 25px 100px #00000014}.card img[data-v-8cda07c1]{width:90%;padding-top:1rem}.card p[data-v-8cda07c1]{color:#555;font-size:.9rem;padding-left:10px}h3[data-v-8cda07c1]{font-weight:bolder;padding-left:10px}.card button[data-v-8cda07c1]{padding:.5rem 1rem;width:100%;border:none;background:#10b981;color:#fff;border-radius:6px}.cards[data-v-8cda07c1]{display:flex;flex-wrap:nowrap;gap:1rem;padding:1rem;list-style:none}.cards li[data-v-8cda07c1]{margin:0}button .red[data-v-8cda07c1]:hover{color:red}button .black[data-v-8cda07c1]:hover{color:#000}footer[data-v-8cda07c1]{background-color:#111;padding:30px;text-align:center;padding-left:3rem}.pagination[data-v-8cda07c1]{padding-bottom:1rem}.pagination p[data-v-8cda07c1]{color:#0943a7;font-size:large;padding:10px 15px}.pagination p[data-v-8cda07c1]:hover{background-color:#10b98133;border-radius:44px}.pagination ul[data-v-8cda07c1]{display:flex;flex-wrap:nowrap;gap:1rem;list-style:none;justify-content:center}h2[data-v-3bdb6c96]{color:#000}.header[data-v-3bdb6c96]{text-align:center;padding-top:20px;font-weight:bolder;font-style:italic}.center[data-v-3bdb6c96]{display:flex;justify-content:center;align-items:center;height:250px}.card[data-v-3bdb6c96]{width:300px;background:#fff;border-radius:12px;padding:1rem 1rem 2rem;box-shadow:0 2px 10px #00000014}.form-control.invalid input[data-v-3bdb6c96]{border-color:red}.error[data-v-3bdb6c96]{color:red}.form-control[data-v-3bdb6c96]{padding-left:2.5rem}.form-control label[data-v-3bdb6c96]{font-weight:700;margin-right:1rem;width:7rem;color:#000;display:block}input[data-v-3bdb6c96]{margin-top:.5rem;padding:.4rem;border-radius:12px}input[data-v-3bdb6c96]:hover{background-color:#10b98133}.button[data-v-3bdb6c96]{padding-top:.5rem}button[data-v-3bdb6c96]{background-color:#10b981;border-radius:20px;color:#fff;width:90px;height:40px}button[data-v-3bdb6c96]:hover{color:#000}#toast[data-v-3bdb6c96]{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#10b981;color:#fff;text-align:center;border-radius:12px;padding:16px;position:fixed;left:50%;bottom:30px;font-size:17px;opacity:0;transition:opacity .5s,bottom .5s}#toast.show[data-v-3bdb6c96]{visibility:visible;opacity:1;bottom:50px}main[data-v-876f8a25]{color:#000}.cards[data-v-876f8a25]{display:flex;flex-direction:column;gap:1rem;padding:1rem;list-style:none}.card[data-v-876f8a25]{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 25px 100px #00000014}.card-title[data-v-876f8a25]{font-weight:700}.qt-container[data-v-876f8a25]{display:flex;align-items:center;gap:10px}input[data-v-876f8a25]{width:60px}.delete-btn[data-v-876f8a25]{background:#10b981;color:#fff;border:none;padding:6px 12px;border-radius:4px;margin-top:10px}.quantite input[data-v-876f8a25]{border-radius:5px}.clear-btn[data-v-876f8a25]{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:4px;margin-top:20px}footer[data-v-876f8a25]{background-color:#111;padding:30px;text-align:center;position:sticky;padding-left:3rem}.total[data-v-876f8a25]{padding-bottom:20px}button[data-v-876f8a25]:hover{color:#000}#toast[data-v-876f8a25]{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#10b981;color:#fff;text-align:center;border-radius:12px;padding:16px;position:fixed;left:50%;bottom:30px;font-size:17px;opacity:0;transition:opacity .5s,bottom .5s}#toast.show[data-v-876f8a25]{visibility:visible;opacity:1;bottom:50px}h2[data-v-fb87db92]{color:#000}.header[data-v-fb87db92]{text-align:center;padding-top:20px;font-weight:bolder;font-style:italic}.center[data-v-fb87db92]{display:flex;justify-content:center;align-items:center;height:600px}.card[data-v-fb87db92]{width:500px;background:#fff;border-radius:21px;padding:1rem 1rem 2rem;display:inline-block;justify-content:center;align-items:center;box-shadow:0 2px 10px #00000014}.admin-text[data-v-fb87db92]{color:#000;padding-left:5px}.form-control.invalid input[data-v-fb87db92]{border-color:red}.error[data-v-fb87db92]{color:red}.form-control[data-v-fb87db92]{padding-left:2.5rem}.form-control label[data-v-fb87db92]{font-weight:700;margin-right:1rem;width:7rem;color:#000;display:block}input[data-v-fb87db92]{margin-top:.5rem;border-radius:12px;padding:.4rem .4rem .4rem 2rem}input[data-v-fb87db92]:hover{background-color:#10b98133}input[data-v-fb87db92]:disabled:hover{background-color:transparent}.avatar-image[data-v-fb87db92]{width:140px;height:120px;border-radius:50%;object-fit:cover;border:3px solid black;box-shadow:0 2px 8px #00000026}.form-control img[data-v-fb87db92]{margin-top:1rem}.img-button[data-v-fb87db92]{display:flex;align-items:center;gap:2rem}.button[data-v-fb87db92]{padding-top:.5rem;display:flex;gap:10px}button[data-v-fb87db92]{background-color:#10b981;border-radius:20px;color:#fff;width:90px;height:40px}button[data-v-fb87db92]:hover,h2[data-v-4a4c4959]{color:#000}.header[data-v-4a4c4959]{text-align:center;padding-top:20px;font-weight:bolder;font-style:italic}.center[data-v-4a4c4959]{display:flex;justify-content:center;align-items:center;height:600px}.card[data-v-4a4c4959]{width:500px;background:#fff;border-radius:21px;padding:1rem 1rem 2rem;display:inline-block;justify-content:center;align-items:center;box-shadow:0 2px 10px #00000014}.form-control.invalid input[data-v-4a4c4959]{border-color:red}.error[data-v-4a4c4959]{color:red}.form-control[data-v-4a4c4959]{padding-left:2.5rem}.form-control label[data-v-4a4c4959]{font-weight:700;margin-right:1rem;width:7rem;color:#000;display:block}input[data-v-4a4c4959]{margin-top:.5rem;border-radius:12px;padding:.4rem .4rem .4rem 2rem}input[data-v-4a4c4959]:hover{background-color:#10b98133}.button[data-v-4a4c4959]{padding-top:.5rem}button[data-v-4a4c4959]{background-color:#10b981;border-radius:20px;color:#fff;width:90px;height:40px}button[data-v-4a4c4959]:hover{color:#000}#toast[data-v-4a4c4959]{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#10b981;color:#fff;text-align:center;border-radius:12px;padding:16px;position:fixed;left:50%;bottom:30px;font-size:17px;opacity:0;transition:opacity .5s,bottom .5s}#toast.show[data-v-4a4c4959]{visibility:visible;opacity:1;bottom:50px}.container[data-v-356b04a5]{color:#000}.text[data-v-356b04a5]{color:#000;padding-top:3rem;text-align:center;font-size:xx-large}.card[data-v-356b04a5]{width:100%;background:#fff;border-radius:12px;padding:1rem;text-align:left;box-shadow:0 25px 100px #00000014}.card img[data-v-356b04a5]{width:90%;padding-top:1rem}.card p[data-v-356b04a5]{color:#555;font-size:.9rem;padding-left:10px}.card button[data-v-356b04a5]{padding:.5rem 1rem;width:100%;border:none;background:#10b981;color:#fff;border-radius:6px}.cards[data-v-356b04a5]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;align-items:center;list-style:none}.cards li[data-v-356b04a5]{margin:0}.container[data-v-c7695886]{color:#000}.text[data-v-c7695886]{color:#000;padding-top:3rem;text-align:center;font-size:xx-large}.card[data-v-c7695886]{width:100%;background:#fff;border-radius:12px;padding:1rem;text-align:left;box-shadow:0 25px 100px #00000014}.card img[data-v-c7695886]{width:90%;padding-top:1rem}.card p[data-v-c7695886]{color:#555;font-size:.9rem;padding-left:10px}.card button[data-v-c7695886]{padding:.5rem 1rem;width:100%;border:none;background:#10b981;color:#fff;border-radius:6px}.cards[data-v-c7695886]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;align-items:center;list-style:none}.cards li[data-v-c7695886]{margin:0}.center[data-v-66fba59f]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;background-color:#f8f8f8;color:#333;font-family:Arial,sans-serif}.center h1[data-v-66fba59f]{font-size:4rem;margin:0}.panier-link[data-v-d616cf37]{position:relative;display:inline-block}.badge[data-v-d616cf37]{position:absolute;top:-8px;right:-12px;background:red;color:#fff;padding:2px 6px;border-radius:12px;font-size:.7rem;font-weight:700}nav[data-v-d616cf37]{display:flex;align-items:center;gap:1rem;background:transparent;padding:10px 20px;border-bottom:1px solid transparent}.flex[data-v-d616cf37]{display:flex;align-items:center;gap:10px}.avatar-image[data-v-d616cf37]{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid black;box-shadow:0 2px 8px #00000026;background-color:#fff}.header[data-v-92d98ff5]{display:flex;justify-content:space-between;align-items:center;background-color:#111;width:100%}.logo[data-v-92d98ff5]{padding-top:1rem;padding-left:5rem;padding-bottom:1rem}h1 a[data-v-92d98ff5]:hover{background-color:transparent}input[data-v-92d98ff5]{width:240px;height:35px}.buttons[data-v-92d98ff5]{display:flex;align-items:center}button[data-v-92d98ff5]{background-color:#10b981;border-radius:25px}button img[data-v-92d98ff5]{width:30px}button[data-v-92d98ff5]:hover{background-color:#fff}