:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-page{box-sizing:border-box;background:radial-gradient(at 15% 10%,#3b82f633,#0000 40%),linear-gradient(135deg,#edf3ff 0%,#f8faff 55%,#e5edfb 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-card{box-sizing:border-box;background:#fff;border:1px solid #dbe5f4e6;border-radius:24px;flex-direction:column;width:100%;max-width:440px;padding:38px 34px;animation:.45s both evstock-login-appear;display:flex;box-shadow:0 24px 70px #1e376424}@keyframes evstock-login-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-card h1{text-align:center;letter-spacing:-1.4px;color:#1d4ed8;margin:0 0 8px;font-size:36px;font-weight:850}.login-card p{color:#64748b;text-align:center;margin:8px 0 16px;font-size:14px;line-height:1.6}.login-card .choix-langue{background:#f1f5fb;border:1px solid #e4eaf4;border-radius:14px;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 18px;padding:5px;display:grid}.login-card .choix-langue button{color:#52627a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;min-height:45px;padding:10px 8px;font-size:14px;font-weight:700;transition:all .2s}.login-card .choix-langue button:hover{color:#1d4ed8;background:#fff}.login-card .choix-langue button.langue-active{color:#1d4ed8;background:#fff;border-color:#dbe7ff;box-shadow:0 3px 10px #1e40af17}.login-card label{color:#263954;margin:13px 0 8px;font-size:14px;font-weight:750}.login-card input{box-sizing:border-box;color:#172b4d;background:#f9fbff;border:1px solid #d8e1ef;border-radius:12px;outline:none;width:100%;min-height:52px;padding:13px 15px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.login-card input:hover{border-color:#b8c9e4}.login-card input:focus{background:#fff;border-color:#3478f6;box-shadow:0 0 0 4px #3478f61f}.login-card input:focus-visible{outline:none}.login-card>button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3478f6,#1d4ed8);border:none;border-radius:12px;width:100%;min-height:53px;margin-top:25px;padding:14px 18px;font-size:16px;font-weight:750;transition:transform .2s,box-shadow .2s;box-shadow:0 7px 17px #2563eb38}.login-card>button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 11px 23px #2563eb4d}.login-card>button[type=submit]:active:not(:disabled){transform:scale(.985)}.login-card>button[type=submit]:disabled{opacity:.65;cursor:wait}.login-card p[role=alert]{color:#b91c1c;text-align:left;overflow-wrap:anywhere;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:18px 0 0;padding:12px 14px}@media (width<=480px){.login-page{padding:18px 13px}.login-card{border-radius:19px;padding:29px 21px}.login-card h1{font-size:32px}.login-card .choix-langue button{font-size:13px}}@media (prefers-reduced-motion:reduce){.login-card{animation:none}.login-card button,.login-card input{transition:none}}*{box-sizing:border-box}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6fa;font-family:Inter,Arial,sans-serif}body{background:#111827;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app{min-height:100vh}.sidebar{color:#163a75;background:#fff;border-right:1px solid #e2e8f0;width:250px;padding:30px 20px;position:fixed;inset:0 auto 0 0}.sidebar h1{letter-spacing:-1px;color:#65d6a5;margin:0;font-size:29px}.subtitle{color:#aab4c8;margin:8px 0 36px;font-size:13px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav a{color:#cbd3e1;border-radius:8px;padding:13px 14px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:block}.sidebar nav a:hover,.sidebar nav a.active{color:#65d6a5;background:#2a3850}.app .main-content{color:#172033;box-sizing:border-box;background:#fff;min-height:100vh;margin-left:250px;padding:32px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{color:#78859a;letter-spacing:1.5px;margin:0 0 8px;font-size:11px;font-weight:700}.topbar h2{margin:0;font-size:26px}.profile{background:#fff;border:1px solid #e1e6ef;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:600}.welcome{background:var(--role-color);color:#fff;border-radius:16px;padding:28px;box-shadow:0 8px 24px #17203318}.welcome h2{margin:0 0 10px;font-size:25px}.welcome p{color:#e0f8ed;margin:0;font-size:14px;line-height:1.6}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0;display:grid}.app .stat-card{border:1px solid var(--role-color);background:var(--role-color);color:#fff;border-radius:14px;padding:24px;box-shadow:0 3px 12px #17203318}.app .stat-card p,.app .stat-card h3,.app .stat-card span{color:#fff}.stat-card p{color:#69758a;margin:0 0 15px;font-size:14px}.stat-card h3{color:#172033;margin:0 0 10px;font-size:28px}.stat-card span{color:#8994a7;font-size:12px}.panel{background:#fff;border:1px solid #e7ebf2;border-radius:14px;padding:25px}.panel h3{margin:0 0 12px;font-size:18px}.panel p{color:#69758a;margin:0;font-size:14px;line-height:1.7}@media (width>=1200px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.sidebar{box-sizing:border-box;width:100%;padding:22px;position:static}.subtitle{margin-bottom:20px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.main-content{margin-left:0;padding:20px}.topbar{flex-direction:column;align-items:flex-start}.topbar h2{font-size:23px}.stats{grid-template-columns:1fr;gap:14px}.welcome{padding:22px}}.product-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 30px;padding:22px;display:grid}.product-form label{color:#334155;flex-direction:column;gap:8px;font-weight:600;display:flex}.product-form input{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:12px;font-size:15px}.product-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;grid-column:1/-1;justify-self:start;padding:12px 20px;font-size:15px;font-weight:600}.product-form button:hover{background:#1d4ed8}@media (width<=600px){.product-form{grid-template-columns:1fr;padding:16px}.product-form button{grid-column:1;width:100%}}.sidebar nav a{border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;text-decoration:none;transition:background .2s,transform .2s;display:flex}.menu-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;display:inline-flex}.sidebar nav a:hover{background:#1e3a5f;transform:translate(3px)}.sidebar nav a.active{color:#fff;background:#2563eb}.products-table-wrapper{background:#14233b;border:1px solid #2d4261;border-radius:12px;width:100%;margin-top:24px;overflow-x:auto}.products-table{border-collapse:collapse;color:#e5edff;text-align:left;width:100%;font-size:14px}.products-table th{color:#cbdaf2;white-space:nowrap;background:#1d3150;padding:16px}.products-table td{border-top:1px solid #2d4261;padding:16px}.products-table tbody tr:hover{background:#1b304e}.product-name{white-space:nowrap;font-weight:600}.product-icon{vertical-align:middle;background:#2a4265;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;display:inline-flex}.stock-badge{white-space:nowrap;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-block}.stock-low{color:#fed7aa;background:#7c3f16}.stock-ok{color:#a7f3d0;background:#065f46}.modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{color:#222;background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 10px 40px #00000040}.modal-content h3{margin-top:0;margin-bottom:20px}.modal-content .product-form{flex-direction:column;gap:16px;display:flex}.modal-actions{flex-wrap:wrap;gap:10px;display:flex}.modal-actions button{cursor:pointer}.modal-content input{z-index:1001;box-sizing:border-box;pointer-events:auto;-webkit-user-select:text;user-select:text;color:#222;cursor:text;background:#fff;width:100%;position:relative}.product-form input{z-index:1;box-sizing:border-box;pointer-events:auto;-webkit-user-select:text;user-select:text;color:#222;cursor:text;background:#fff;width:100%;position:relative}.actions-produits{white-space:normal;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;max-width:100%;display:flex}.actions-produits button{color:#fff;cursor:pointer;border:none;border-radius:5px;padding:6px 8px;font-size:12px;font-weight:600;transition:background-color .2s,transform .2s}.actions-produits button:hover{transform:translateY(-1px)}.actions-produits .btn-modifier{appearance:none;border:none;transition:transform .2s;color:#fff!important;background:#2563eb!important}.actions-produits .btn-modifier:hover{transform:translateY(-3px);color:#fff!important;background-color:#2563eb!important}.actions-produits .btn-supprimer{background-color:#dc2626}.actions-produits .btn-supprimer:hover{background-color:#b91c1c}.actions-produits .btn-reapprovisionner{background-color:#059669}.actions-produits .btn-reapprovisionner:hover{background-color:#047857}.filtres-ventes{background:#eef4ff;border:1px solid #d7e3f8;border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:24px;margin:24px 0 30px;padding:24px;display:flex;box-shadow:0 4px 12px #0f172a0a}.filtres-ventes label{color:#334155;flex-direction:column;gap:9px;min-width:200px;font-size:14px;font-weight:600;display:flex}.filtres-ventes input[type=date]{color:#0f172a;width:100%;min-height:48px;font:inherit;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-weight:400;transition:transform .2s,border-color .2s,box-shadow .2s}.filtres-ventes input[type=date]:hover{border-color:#6095f5;transform:translateY(-3px);box-shadow:0 7px 15px #2563eb1f}.filtres-ventes input[type=date]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}@media (width<=600px){.filtres-ventes{flex-direction:column;align-items:stretch;gap:18px;padding:16px}.filtres-ventes label{width:100%;min-width:0}}#ventes .details-vente-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 3px 6px #2563eb33}#ventes .details-vente-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 5px 10px #2563eb4d}#ventes .details-vente-btn:active{transform:translateY(0)}.employees-page{color:#172b4d;width:100%;padding:10px 0 30px}.employees-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.employees-eyebrow{color:#2563eb;letter-spacing:1.5px;margin:0 0 8px;font-size:11px;font-weight:800}.employees-header h2{letter-spacing:-.7px;margin:0;font-size:28px;font-weight:750}.employees-description{color:#718096;margin:9px 0 0;font-size:14px;line-height:1.6}.employees-header-icon{background:#eaf1ff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:27px;display:flex}.employees-form-card{background:#fff;border:1px solid #e8edf5;border-radius:18px;width:100%;max-width:760px;padding:28px;box-shadow:0 8px 30px #192d550f}.employees-card-header{border-bottom:1px solid #edf0f5;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:23px;display:flex}.employees-card-icon{color:#2563eb;background:#eaf1ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:27px;display:flex}.employees-card-header h3{margin:0 0 6px;font-size:17px;font-weight:700}.employees-card-header p{color:#718096;margin:0;font-size:13px;line-height:1.5}.employees-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;display:grid}.employees-field{flex-direction:column;gap:9px;min-width:0;display:flex}.employees-field label{color:#334155;font-size:13px;font-weight:650}.employees-field input,.employees-field select{box-sizing:border-box;color:#243247;width:100%;min-height:46px;font:inherit;background:#fbfcfe;border:1px solid #dce3ed;border-radius:10px;outline:none;padding:12px 13px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.employees-field input::placeholder{color:#a0aec0}.employees-field input:focus,.employees-field select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.employees-field small{color:#8793a5;font-size:11px}.employees-form-footer{border-top:1px solid #edf0f5;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;margin-top:2px;padding-top:22px;display:flex}.employees-form-footer p{color:#718096;margin:0;font-size:12px;line-height:1.5}.employees-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 19px;font-size:13px;font-weight:650;transition:background .2s,transform .2s;display:inline-flex}.employees-submit:hover{background:#1d4ed8;transform:translateY(-1px)}.employees-submit span{font-size:20px;line-height:1}@media (width<=650px){.employees-header h2{font-size:23px}.employees-form-card{box-sizing:border-box;border-radius:14px;padding:20px 16px}.employees-form{grid-template-columns:1fr;gap:19px}.employees-form-footer{flex-direction:column;align-items:stretch}.employees-submit{width:100%}}.employees-list{background-color:#f8fafc;border-radius:12px;margin-top:30px;padding:20px}.employees-list h3{color:#1e293b;margin:0 0 20px;font-size:22px}.employees-list>div:not(:first-child){margin-bottom:16px}.employee-card{overflow-wrap:anywhere;background-color:#fff;border:1px solid #e2e8f0;border-left:4px solid #2563eb;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:16px;padding:18px 20px;display:flex;box-shadow:0 2px 6px #0f172a0d}.employee-card p{color:#475569;margin:0;font-size:15px;line-height:1.6}.employee-card p strong{color:#1e293b;min-width:75px;display:inline-block}@media (width<=600px){.employees-list{padding:12px}.employees-list h3{font-size:20px}.employee-card{padding:14px}.employee-card p{font-size:14px}}.employee-search{box-sizing:border-box;color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;margin-bottom:20px;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s;display:block}.employee-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.employee-search::placeholder{color:#94a3b8}.form-modification{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:480px;margin:20px auto;padding:26px;box-shadow:0 8px 28px #0f172a14}.form-modification-titre{color:#172033;margin:0 0 8px;font-size:22px;font-weight:700}.form-modification-description{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.5}.champ-modification{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.champ-modification label{color:#374151;font-size:14px;font-weight:600}.champ-modification input,.champ-modification select{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;min-height:46px;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.champ-modification input:focus,.champ-modification select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.actions-modification{justify-content:flex-end;gap:12px;margin-top:26px;display:flex}.actions-modification button{cursor:pointer;border:none;border-radius:9px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.bouton-annuler-modification{color:#374151;background:#f3f4f6}.bouton-annuler-modification:hover{background:#e5e7eb}.bouton-enregistrer-modification{color:#fff;background:#2563eb}.bouton-enregistrer-modification:hover{background:#1d4ed8}.actions-modification button:active{transform:scale(.98)}.message-modification{color:#374151;margin:16px 0 0;font-size:14px}@media (width<=480px){.form-modification{border-radius:12px;padding:20px 16px}.actions-modification{flex-direction:column-reverse}.actions-modification button{width:100%}}.bouton-modifier{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;padding:9px 16px;font-weight:600;transition:transform .2s}.bouton-modifier:hover{color:#fff;background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb40}.bouton-desactiver{color:#b91c1c;cursor:pointer;background:#fef2f2;border:1px solid #dc2626;border-radius:8px;padding:9px 16px;font-weight:600;transition:all .2s}.bouton-desactiver:hover{color:#fff;background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc262640}.bouton-modifier:active,.bouton-desactiver:active{transform:translateY(0)}.bouton-modifier:focus-visible,.bouton-desactiver:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}.permissions-employe{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:22px;padding:20px}.permissions-employe h4{color:#172554;margin:0 0 16px;font-size:17px;font-weight:700}.permissions-employe label{color:#334155;cursor:pointer;background:#fff;border:1px solid #e8edf3;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;font-size:14px;transition:background .2s,border-color .2s;margin:0!important;display:flex!important}.permissions-employe label:hover{background:#eff6ff;border-color:#bfdbfe}.permissions-employe input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:17px;height:17px}.permissions-employe button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin:0 8px 12px 0;padding:10px 15px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.permissions-employe button:hover{background:#1d4ed8;transform:translateY(-1px)}.permissions-employe button:last-of-type{background:#15803d;margin-top:14px}.permissions-employe button:last-of-type:hover{background:#166534}.permissions-employe p{color:#166534;background:#dcfce7;border-radius:8px;padding:10px 12px;font-size:13px}.details-vente-btn{white-space:nowrap;margin:4px 8px 4px 0;padding:8px 12px}td:last-child{min-width:220px;padding:10px}.filtres-dates{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px 16px;margin:20px 0;padding:16px;display:flex;box-shadow:0 4px 12px #0f172a0d}.filtres-dates button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;flex-basis:100%;width:fit-content;min-height:42px;margin:0 auto;padding:10px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:block}.filtres-dates button:hover{background:#1d4ed8;transform:translateY(-1px)}.filtres-dates button:active{transform:translateY(0)}.filtres-dates{background:linear-gradient(145deg,#fff,#f8faff);border:1px solid #dbe4f0;border-radius:16px;box-shadow:0 6px 18px #1e40af12}.filtres-dates input[type=date]{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;min-height:46px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 5px #0f172a08}.filtres-dates label{color:#334155;letter-spacing:.2px;font-size:14px;font-weight:700}.filtres-dates input[type=date]:hover{border-color:#93b4f5}.filtres-dates input[type=date]:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.filtres-dates button{color:#fff;letter-spacing:.2px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #1d4ed8;border-radius:10px;font-family:inherit;font-size:14px;font-weight:700;transition:background .2s,box-shadow .2s;box-shadow:0 4px 10px #2563eb38}.filtres-dates button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 14px #2563eb4d}.filtres-dates button:focus-visible{outline-offset:3px;outline:3px solid #2563eb4d}#parametres .stat-card button,#informations-commerce button{letter-spacing:.2px;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s;display:inline-flex}#parametres .stat-card button{color:#fff;background:linear-gradient(135deg,#3478f6,#155eef);box-shadow:0 5px 14px #155eef33}#parametres .stat-card button:hover{background:linear-gradient(135deg,#155eef,#124ac4);transform:translateY(-2px);box-shadow:0 8px 20px #155eef4d}#parametres .stat-card button:active{transform:translateY(0)}#informations-commerce button[type=submit]{color:#fff;background:linear-gradient(135deg,#3478f6,#155eef);box-shadow:0 6px 16px #155eef40}#informations-commerce button[type=submit]:hover{background:linear-gradient(135deg,#155eef,#124ac4);transform:translateY(-2px);box-shadow:0 9px 22px #155eef52}#informations-commerce>button{color:#155eef;background:#fff;border-color:#8bb2ff;box-shadow:0 3px 10px #155eef0f}#informations-commerce>button:hover{color:#124ac4;background:#eff5ff;border-color:#3478f6;transform:translateY(-2px);box-shadow:0 5px 14px #155eef21}#parametres .stat-card button:focus-visible,#informations-commerce button:focus-visible{outline-offset:3px;outline:3px solid #3478f659}@media (width<=600px){#parametres .stat-card button,#informations-commerce button{width:100%;min-height:48px;padding:12px 16px;font-size:14px}}#informations-commerce input[type=text]{box-sizing:border-box;color:#172b4d;letter-spacing:.2px;background:#f8faff;border:1.5px solid #d6e3f8;border-radius:12px;outline:none;width:100%;min-height:52px;padding:14px 17px;font-family:inherit;font-size:16px;font-weight:500;transition:border-color .25s,background-color .25s,box-shadow .25s,transform .25s;display:block}#informations-commerce input[type=text]:hover{background:#fff;border-color:#9bbcff}#informations-commerce input[type=text]:focus{background:#fff;border-color:#3478f6;box-shadow:0 0 0 4px #3478f621}#informations-commerce label{color:#183153;margin-bottom:10px;font-size:15px;font-weight:700;display:block}#informations-commerce .stat-card{background:linear-gradient(145deg,#fff,#f9fbff);border:1px solid #e0eaff;border-radius:16px;padding:24px;transition:border-color .25s,box-shadow .25s}#informations-commerce .stat-card:hover{border-color:#c4d8ff;box-shadow:0 6px 20px #1e40af0f}@media (width<=600px){#informations-commerce input[type=text]{min-height:48px;padding:12px 14px;font-size:16px}#informations-commerce .stat-card{padding:18px}}#mon-profil{max-width:1000px;margin:0 auto;padding:30px}#mon-profil h2{color:#183153;margin-bottom:12px;font-size:26px;font-weight:750}#mon-profil .parametres-grid{flex-direction:column;gap:18px;width:100%;margin-top:28px;display:flex}#mon-profil .stat-card{box-sizing:border-box;width:100%}#mon-profil .parametres-grid button[type=submit]{align-self:flex-start}#mon-profil .stat-card{background:linear-gradient(145deg,#fff,#f8faff);border:1px solid #e0eaff;border-radius:16px;min-width:0;padding:25px;transition:border-color .25s,box-shadow .25s;box-shadow:0 5px 18px #1e40af0d}#mon-profil .stat-card:hover{border-color:#c4d8ff;box-shadow:0 8px 22px #1e40af17}#mon-profil .stat-card label{color:#183153;margin-bottom:11px;font-size:15px;font-weight:700;display:block}#mon-profil input[type=text],#mon-profil input[type=email]{box-sizing:border-box;color:#172b4d;background:#f8faff;border:1.5px solid #d6e3f8;border-radius:12px;outline:none;width:100%;min-height:52px;padding:13px 16px;font-family:inherit;font-size:16px;transition:border-color .25s,box-shadow .25s,background-color .25s;display:block}#mon-profil input[type=text]:hover,#mon-profil input[type=email]:hover{background:#fff;border-color:#9bbcff}#mon-profil input[type=text]:focus,#mon-profil input[type=email]:focus{background:#fff;border-color:#3478f6;box-shadow:0 0 0 4px #3478f621}#mon-profil .stat-card h3{color:#183153;margin:0 0 12px;font-size:15px;font-weight:700}#mon-profil .stat-card p{color:#536783;font-size:15px;line-height:1.6}#mon-profil button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:49px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:650;transition:background-color .25s,color .25s,box-shadow .25s,transform .25s;display:inline-flex}#mon-profil button[type=submit]{color:#fff;background:linear-gradient(135deg,#3478f6,#155eef);box-shadow:0 5px 14px #155eef33}#mon-profil button[type=submit]:hover{background:linear-gradient(135deg,#155eef,#124ac4);transform:translateY(-2px);box-shadow:0 8px 20px #155eef4d}#mon-profil>button{color:#155eef;background:#fff;border-color:#8bb2ff;margin-top:22px;box-shadow:0 3px 10px #155eef0f}#mon-profil>button:hover{color:#124ac4;background:#eff5ff;border-color:#3478f6;transform:translateY(-2px)}#mon-profil button:focus-visible{outline-offset:3px;outline:3px solid #3478f659}@media (width<=650px){#mon-profil{padding:18px}#mon-profil .stat-card{padding:19px}#mon-profil button{width:100%}}#mon-profil button[type=submit]{width:100%;margin-top:10px;margin-bottom:12px;display:flex}#mon-profil>button{width:100%;margin-top:0;display:flex}#securite-compte{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:30px}#securite-compte h2{color:#183153;margin-bottom:12px;font-size:26px;font-weight:750}#securite-compte>p{color:#536783;margin-bottom:24px;font-size:15px;line-height:1.7}#securite-compte form.parametres-grid{flex-direction:column;gap:18px;width:100%;margin-top:25px;display:flex}#securite-compte .stat-card{box-sizing:border-box;background:linear-gradient(145deg,#fff,#f8faff);border:1px solid #e0eaff;border-radius:16px;width:100%;min-width:0;padding:24px;transition:border-color .25s,box-shadow .25s;box-shadow:0 5px 18px #1e40af0d}#securite-compte .stat-card:hover{border-color:#c4d8ff;box-shadow:0 8px 22px #1e40af17}#securite-compte .stat-card label{color:#183153;margin-bottom:11px;font-size:15px;font-weight:700;display:block}#securite-compte input[type=password]{box-sizing:border-box;color:#172b4d;background:#f8faff;border:1.5px solid #d6e3f8;border-radius:12px;outline:none;width:100%;min-height:52px;padding:13px 16px;font-family:inherit;font-size:16px;transition:border-color .25s,box-shadow .25s,background-color .25s;display:block}#securite-compte input[type=password]:hover{background:#fff;border-color:#9bbcff}#securite-compte input[type=password]:focus{background:#fff;border-color:#3478f6;box-shadow:0 0 0 4px #3478f621}#securite-compte button{box-sizing:border-box;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:50px;padding:13px 22px;font-family:inherit;font-size:15px;font-weight:650;transition:background-color .25s,color .25s,box-shadow .25s,transform .25s;display:flex}#securite-compte form button[type=submit]{color:#fff;background:linear-gradient(135deg,#3478f6,#155eef);margin-top:2px;box-shadow:0 5px 14px #155eef33}#securite-compte form button[type=submit]:hover{background:linear-gradient(135deg,#155eef,#124ac4);transform:translateY(-2px);box-shadow:0 8px 20px #155eef4d}#securite-compte>button{color:#155eef;background:#fff;border-color:#8bb2ff;margin-top:12px;box-shadow:0 3px 10px #155eef0f}#securite-compte>button:hover{color:#124ac4;background:#eff5ff;border-color:#3478f6;transform:translateY(-2px)}#securite-compte button:focus-visible{outline-offset:3px;outline:3px solid #3478f659}@media (width<=650px){#securite-compte{padding:18px}#securite-compte .stat-card{padding:19px}#securite-compte h2{font-size:23px}}.topbar button{color:#dc2626;cursor:pointer;background-color:#fff;border:1px solid #fecaca;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s,transform .2s}.topbar button:hover{color:#fff;background-color:#dc2626;transform:translateY(-1px)}.topbar button:active{transform:translateY(0)}#abonnement{background:linear-gradient(145deg,#fff,#f4f7fc);border:1px solid #e4eaf3;border-radius:20px;padding:32px;animation:.35s ease-out abonnementEntree;box-shadow:0 12px 35px #1e3a5f12}#abonnement h2{color:#172b4d;letter-spacing:-.7px;margin:0 0 10px;font-size:clamp(24px,3vw,32px);font-weight:800}#abonnement .parametres-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px;display:grid}#abonnement .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:flex-start;min-width:0;padding:30px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #1e3a5f0f}#abonnement .stat-card:before{content:"";background:linear-gradient(90deg,#2563eb,#38bdf8);width:100%;height:5px;position:absolute;top:0;left:0}#abonnement .stat-card:hover{border-color:#bfdbfe;transform:translateY(-5px);box-shadow:0 16px 35px #2563eb1f}#abonnement .stat-card h3{color:#1e293b;margin:8px 0 18px;font-size:21px;font-weight:750}#abonnement .stat-card p{color:#2563eb;letter-spacing:-.8px;margin:0 0 28px;font-size:clamp(25px,3vw,34px);font-weight:800;line-height:1.3}#abonnement .stat-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;width:100%;min-height:48px;margin-top:auto;padding:13px 18px;font-size:15px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 5px 12px #2563eb33}#abonnement .stat-card button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 18px #2563eb47}#abonnement .stat-card button:focus-visible{outline-offset:4px;outline:3px solid #93c5fd}#abonnement .stat-card button:active{transform:translateY(0)}@keyframes abonnementEntree{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){#abonnement{border-radius:14px;padding:20px 16px}#abonnement .parametres-grid{grid-template-columns:minmax(0,1fr);gap:18px}#abonnement .stat-card{padding:24px 20px}#abonnement .stat-card h3{font-size:19px}}@media (prefers-reduced-motion:reduce){#abonnement,#abonnement .stat-card,#abonnement .stat-card button{transition:none;animation:none}#abonnement .stat-card:hover,#abonnement .stat-card button:hover{transform:none}}#abonnement{color:#1f2937;padding:28px;line-height:1.6}#abonnement h2{margin-bottom:10px;font-size:28px;font-weight:750;line-height:1.3}#abonnement>p{color:#596579;margin:0 0 26px;font-size:16px;line-height:1.7}#abonnement .parametres-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}#abonnement .stat-card{background:#fff;border:1px solid #e1e7ef;border-radius:16px;min-width:0;padding:24px;box-shadow:0 5px 18px #0f172a0d}#abonnement .stat-card h3{color:#172554;margin:0 0 14px;font-size:21px;font-weight:700;line-height:1.4}#abonnement .stat-card p{color:#4b5563;overflow-wrap:anywhere;margin:0 0 18px;font-size:16px;line-height:1.7}#abonnement .formulaire-paiement{grid-column:1/-1;width:100%;max-width:720px;margin-top:8px}#abonnement label{color:#25334a;margin:20px 0 8px;font-size:15px;font-weight:650;line-height:1.5;display:block}#abonnement input,#abonnement select{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;min-height:50px;padding:12px 14px;font-family:inherit;font-size:16px;line-height:1.5;transition:border-color .2s,box-shadow .2s;display:block}#abonnement input::placeholder{color:#8792a3;opacity:1}#abonnement input:focus,#abonnement select:focus{border-color:#2563eb;outline:3px solid #2563eb26}#abonnement button{color:#fff;text-align:center;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;min-height:48px;margin-top:16px;padding:12px 20px;font-family:inherit;font-size:16px;font-weight:650;line-height:1.4;transition:background .2s,transform .2s;display:inline-flex}#abonnement button:hover{background:#1d4ed8}#abonnement button:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}#abonnement button:active{transform:translateY(1px)}#abonnement button:disabled{opacity:.6;cursor:not-allowed}@media (width<=700px){#abonnement{padding:18px}#abonnement h2{font-size:24px}#abonnement .parametres-grid{grid-template-columns:minmax(0,1fr);gap:16px}#abonnement .stat-card{padding:20px}#abonnement .stat-card h3{font-size:19px}#abonnement .formulaire-paiement{grid-column:auto}#abonnement button{width:100%}}.alerte-abonnement{z-index:9999;box-sizing:border-box;color:#fff;background:linear-gradient(145deg,#171717,#050505);border:1px solid #c9a646;border-left:5px solid #e0bd57;border-radius:14px;width:min(380px,100vw - 32px);padding:22px;animation:.4s ease-out apparition-alerte;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #00000059}.alerte-abonnement p{color:#eee;margin:0;font-size:15px;line-height:1.6}.alerte-abonnement strong{color:#f1ce68;margin:8px 0;font-size:30px;font-weight:800;display:inline-block}@keyframes apparition-alerte{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.alerte-abonnement{width:calc(100vw - 24px);padding:18px;bottom:12px;right:12px}}#commande-serveur{--commande-primary:#2563eb;--commande-primary-dark:#1d4ed8;--commande-text:#172033;--commande-muted:#64748b;--commande-border:#e2e8f0;box-sizing:border-box;width:100%;max-width:1100px;color:var(--commande-text);background:#fff;border:1px solid #e8edf5;border-radius:22px;margin:24px auto;padding:28px;box-shadow:0 10px 35px #0f172a0f}#commande-serveur h2,#commande-serveur h3{color:var(--commande-text);letter-spacing:-.4px;font-weight:750}#commande-serveur h2{margin:0 0 10px;font-size:26px}#commande-serveur h3{margin:24px 0 14px;font-size:19px}#commande-serveur p{color:var(--commande-muted);line-height:1.6}#commande-serveur label{color:#334155;margin:0 0 8px;font-size:14px;font-weight:650;display:block}#commande-serveur input,#commande-serveur select{box-sizing:border-box;width:100%;min-height:48px;color:var(--commande-text);font:inherit;background:#f8fafc;border:1px solid #dbe3ef;border-radius:12px;outline:none;margin-top:8px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:block}#commande-serveur input:focus,#commande-serveur select:focus{border-color:var(--commande-primary);background:#fff;box-shadow:0 0 0 4px #2563eb1f}#commande-serveur button{color:#1e40af;cursor:pointer;background:#eef2ff;border:0;border-radius:12px;min-height:44px;padding:11px 17px;font-size:14px;font-weight:700;transition:transform .15s,background .2s,box-shadow .2s}#commande-serveur button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #2563eb1f}#commande-serveur button:disabled{opacity:.5;cursor:not-allowed}#commande-serveur #identifiantCommande,#commande-serveur input[name=identifiantCommande]{width:100%;max-width:100%}#commande-serveur .liste-produits-commande{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:20px 0;display:grid}#commande-serveur .liste-produits-commande>*{min-width:0}#commande-serveur .liste-produits-commande article,#commande-serveur .liste-produits-commande .produit-commande,#commande-serveur .liste-produits-commande .product-card{border:1px solid var(--commande-border);background:linear-gradient(145deg,#fff,#f8faff);border-radius:16px;padding:18px;box-shadow:0 4px 14px #0f172a09}#commande-serveur .liste-produits-commande button{margin-top:8px}#commande-serveur .recapitulatif-commande,#commande-serveur .resume-commande{background:#f8fbff;border:1px solid #dbeafe;border-radius:17px;margin-top:24px;padding:20px}#commande-serveur .total-commande{color:#1d4ed8;font-size:24px;font-weight:800}#commande-serveur button[onclick]{margin:6px 6px 6px 0}#commande-serveur button:focus-visible{outline-offset:3px;outline:3px solid #2563eb59}#commande-serveur [role=status],#commande-serveur [role=alert]{color:#166534;overflow-wrap:anywhere;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin:16px 0 0;padding:13px 16px;font-size:14px;font-weight:650}@media (width<=640px){#commande-serveur{border-radius:16px;margin:12px auto;padding:18px 14px}#commande-serveur h2{font-size:22px}#commande-serveur .liste-produits-commande{grid-template-columns:1fr;gap:12px}#commande-serveur button{max-width:100%}#commande-serveur button[type=button]{margin:5px 4px 5px 0}}.liste-commandes-enregistrees{flex-direction:column;gap:18px;margin-top:20px;display:flex}.liste-commandes-enregistrees .stat-card{background:#f4f7fb;border:1px solid #d6deea;border-left:5px solid #2563eb;border-radius:12px;padding:20px;box-shadow:0 3px 8px #0f172a0f}.liste-commandes-enregistrees .stat-card h3{color:#1d4ed8;margin-top:0;margin-bottom:12px;font-size:18px}.liste-commandes-enregistrees .stat-card p{color:#334155;margin:8px 0;line-height:1.5}.liste-commandes-enregistrees .stat-card h4{color:#1e293b;margin-top:18px;margin-bottom:10px}.liste-commandes-enregistrees .stat-card strong{color:#166534;border-top:1px solid #cbd5e1;margin-top:16px;padding-top:12px;font-size:17px;display:block}.badge-statut-commande{border-radius:20px;align-items:center;gap:7px;margin:6px 0 10px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.badge-statut-commande.statut-ouverte{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd}.badge-statut-commande.statut-payee{color:#166534;background:#dcfce7;border:1px solid #86efac}.ventes-table{border-collapse:separate;border-spacing:0;table-layout:auto;width:100%;margin-top:20px}.ventes-table th,.ventes-table td{text-align:left;vertical-align:middle;padding:18px 22px}.ventes-table th{white-space:nowrap}.ventes-table td{line-height:1.6}.ventes-table th:last-child,.ventes-table td:last-child{min-width:180px}.ventes-table td:last-child button{margin:4px 8px 4px 0}.dashboard-card,.stat-card,.carte-statistique,.stat-card-dashboard{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .25s,box-shadow .25s}@media (hover:hover) and (pointer:fine){.dashboard-card:hover,.stat-card:hover,.carte-statistique:hover,.stat-card-dashboard:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 10px 24px #00000024}}.dashboard-card:active,.stat-card:active,.carte-statistique:active,.stat-card-dashboard:active{transform:scale(.97);box-shadow:0 4px 12px #0000001f}@media (prefers-reduced-motion:reduce){.dashboard-card,.stat-card,.carte-statistique,.stat-card-dashboard{transition:none}}.choix-langue{gap:12px;margin:16px 0;display:flex}.choix-langue button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1;padding:10px 12px;transition:background .2s,transform .2s}.choix-langue button.langue-active{color:#fff;background:#1d3150;border-color:#1d3150}.choix-langue button:active{transform:scale(.97)}#espace-caisse{background:#f4f7fc;border:1px solid #e5eaf3;border-radius:20px;padding:28px;box-shadow:0 8px 28px #192d550f}#espace-caisse h2{color:#172b4d;letter-spacing:-.6px;margin:0 0 10px;font-size:28px;font-weight:800}#espace-caisse>p{color:#65748b;margin:10px 0 22px;font-size:15px}#espace-caisse .stat-card{background:#fff;border:1px solid #e4eaf3;border-left:5px solid #2563eb;border-radius:16px;margin:18px 0;padding:24px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 5px 16px #192d550f}#espace-caisse .stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #192d551c}#espace-caisse .stat-card h3{color:#1d3150;margin:0 0 16px;font-size:19px;font-weight:750}#espace-caisse .stat-card p{color:#52627a;margin:12px 0;font-size:15px;line-height:1.6}#espace-caisse .stat-card p:last-of-type{color:#0f766e;font-size:20px;font-weight:800}#espace-caisse .stat-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;width:100%;margin-top:22px;padding:15px 20px;font-size:16px;font-weight:750;transition:background .2s,transform .2s;display:block;box-shadow:0 5px 12px #2563eb33}#espace-caisse .stat-card button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}#espace-caisse .stat-card button:active{transform:scale(.98)}#espace-caisse .stat-card button:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}#espace-caisse [role=status]{color:#166534;background:#e8f5ee;border:1px solid #b7e4ca;border-radius:12px;margin-top:20px;padding:14px 16px;font-weight:650;line-height:1.5}@media (width<=600px){#espace-caisse{border-radius:15px;padding:16px}#espace-caisse h2{font-size:23px}#espace-caisse .stat-card{border-radius:13px;padding:18px}#espace-caisse .stat-card h3{font-size:17px}#espace-caisse .stat-card p{font-size:14px}#espace-caisse .stat-card p:last-of-type{font-size:18px}}.login-container{box-sizing:border-box;background:radial-gradient(circle at 0 0,#3b82f62e,#0000 38%),linear-gradient(135deg,#eef4ff 0%,#f7f9fd 50%,#e8effb 100%);justify-content:center;align-items:center;min-height:100vh;padding:30px 18px;display:flex}.login-container .login-card{box-sizing:border-box;background:#fffffff7;border:1px solid #e4eaf4;border-radius:24px;width:100%;max-width:440px;padding:38px 34px;box-shadow:0 22px 65px #1c325b1f}.login-container .login-card h1,.login-container .login-card h2{color:#172b4d;text-align:center;letter-spacing:-.6px;font-weight:800}.login-container .login-card h1{margin:0 0 10px;font-size:30px}.login-container .login-card h2{margin:0 0 12px;font-size:25px}.login-container .login-card p{color:#64748b;text-align:center;font-size:14px;line-height:1.6}.login-container .login-card form{flex-direction:column;gap:19px;margin-top:26px;display:flex}.login-container .login-card label{color:#344563;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.login-container .login-card input,.login-container .login-card select{color:#172b4d;box-sizing:border-box;background:#f9fbff;border:1px solid #d7e0ee;border-radius:12px;outline:none;width:100%;min-height:52px;padding:13px 15px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s;display:block}.login-container .login-card input::placeholder{color:#94a3b8}.login-container .login-card input:focus,.login-container .login-card select:focus{background:#fff;border-color:#3478f6;box-shadow:0 0 0 4px #3478f61f}.login-container .login-card select{cursor:pointer}.login-container .login-card button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3478f6,#1d4ed8);border:none;border-radius:12px;width:100%;min-height:53px;margin-top:5px;padding:14px 18px;font-size:16px;font-weight:750;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 18px #2563eb33}.login-container .login-card button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2563eb45}.login-container .login-card button[type=submit]:active{transform:scale(.98)}.login-container .login-card button:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}.login-container .login-card [role=alert]{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;font-size:14px}@media (width<=480px){.login-container{padding:20px 14px}.login-container .login-card{border-radius:19px;padding:29px 21px}.login-container .login-card h1{font-size:27px}.login-container .login-card h2{font-size:23px}}.btn-enregistrer-mode{color:#fff;cursor:pointer;background:#1d3150;border:none;border-radius:12px;width:100%;margin-top:12px;padding:15px 22px;font-size:15px;font-weight:600;transition:all .25s}.btn-enregistrer-mode:hover{background:#29466f;transform:translateY(-2px)}.btn-enregistrer-mode:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-retour-parametres{color:#1d3150;cursor:pointer;background:#fff;border:1px solid #d7deea;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:16px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.btn-retour-parametres:hover{background:#f1f5fa;border-color:#1d3150}.btn-retour-parametres span{font-size:20px}.badge-statut-commande.statut-annulee{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.champ-mot-de-passe{align-items:center;width:100%;display:flex;position:relative}.champ-mot-de-passe input{width:100%;padding-right:45px}.champ-mot-de-passe button{cursor:pointer;background:0 0;border:none;padding:5px;font-size:18px;position:absolute;right:10px}.super-admin-page{color:#fff;background:linear-gradient(135deg,#241044,#111827);width:100%;min-height:100vh;font-family:Arial,sans-serif}.super-admin-header{background:#211d30;border-bottom:1px solid #39304f;justify-content:space-between;align-items:center;padding:22px 40px;display:flex;box-shadow:0 4px 15px #00000040}.super-admin-header h1{color:#a78bfa;letter-spacing:2px;margin:0;font-size:27px}.super-admin-header span{color:#d8ccff;letter-spacing:1.5px;font-size:13px;font-weight:700}.super-admin-header button{color:#fff;cursor:pointer;background:#7651d6;border:none;border-radius:8px;padding:11px 20px;font-weight:700;transition:all .3s}.super-admin-header button:hover{background:#9273ed;transform:translateY(-2px)}.super-admin-content{max-width:1200px;margin:0 auto;padding:45px 35px}.super-admin-content h2{color:#fff;margin-bottom:10px;font-size:27px}.super-admin-content>p{color:#aaa5ba;margin-bottom:40px;font-size:15px}.super-admin-content h3{color:#c4b5fd;margin-bottom:18px;font-size:21px}.super-admin-content h3+p{color:#e4def5;background:#252137;border:1px solid #40345f;border-left:4px solid #8b5cf6;border-radius:12px;padding:25px;font-size:15px;box-shadow:0 8px 25px #0003}@media (width<=650px){.super-admin-header{flex-wrap:wrap;gap:15px;padding:18px}.super-admin-header h1{font-size:22px}.super-admin-header span{font-size:11px}.super-admin-content{padding:30px 18px}.super-admin-content h2{font-size:23px}}.super-admin-login{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#39265f 0%,#0000 38%),linear-gradient(135deg,#171522,#211b30);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:25px;font-family:Arial,sans-serif;display:flex}.super-admin-login form{box-sizing:border-box;background:#29243a;border:1px solid #493b68;border-radius:18px;width:100%;max-width:430px;padding:40px 35px;box-shadow:0 20px 55px #0006}.super-admin-login h1{text-align:center;color:#a78bfa;letter-spacing:3px;margin:0 0 12px;font-size:32px}.super-admin-login h2{text-align:center;color:#fff;margin:0 0 12px;font-size:23px}.super-admin-login form>p{text-align:center;color:#b9b2ca;margin-bottom:30px;font-size:14px;line-height:1.5}.super-admin-login label{color:#e5def5;margin:20px 0 9px;font-size:14px;font-weight:600;display:block}.super-admin-login input{box-sizing:border-box;color:#fff;background:#1c1928;border:1px solid #514665;border-radius:9px;outline:none;width:100%;height:48px;padding:0 14px;font-size:15px;transition:all .25s}.super-admin-login input:focus{border-color:#9b78f5;box-shadow:0 0 0 3px #9b78f526}.super-admin-login .champ-mot-de-passe{align-items:center;width:100%;display:flex;position:relative}.super-admin-login .champ-mot-de-passe input{padding-right:48px}.super-admin-login .champ-mot-de-passe button{color:#c4b5fd;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:35px;height:35px;padding:0;font-size:19px;display:flex;position:absolute;right:8px}.super-admin-login form>button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7950d8,#9b72f4);border:none;border-radius:9px;width:100%;height:49px;margin-top:28px;font-size:15px;font-weight:700;transition:all .3s}.super-admin-login form>button[type=submit]:hover{background:linear-gradient(135deg,#9069eb,#ad8bfa);transform:translateY(-2px);box-shadow:0 8px 20px #7950d84d}.super-admin-login form>button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.super-admin-login form p[role=alert]{color:#ff8585;text-align:center;background:#ff505014;border:1px solid #ff50504d;border-radius:7px;padding:11px;font-size:13px}@media (width<=480px){.super-admin-login{padding:18px}.super-admin-login form{padding:32px 23px}.super-admin-login h1{font-size:28px}.super-admin-login h2{font-size:21px}}.super-admin-stats{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;display:grid}.super-admin-stat-card{background:linear-gradient(145deg,#241044,#111827);border:1px solid #49316f;border-radius:16px;padding:25px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 25px #0000004d}.super-admin-stat-card:hover{border-color:#8b5cf6;transform:translateY(-8px)scale(1.02);box-shadow:0 14px 30px #8b5cf640}.super-admin-stat-card h4{color:#c4b5fd;margin:0 0 18px;font-size:15px}.super-admin-stat-card p{color:#fff;margin:0;font-size:28px;font-weight:700}.super-admin-commerces{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:25px;display:grid}.super-admin-commerce-card{background:linear-gradient(145deg,#241044,#111827);border:1px solid #49316f;border-radius:16px;padding:25px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 25px #0000004d}.super-admin-commerce-card:hover{border-color:#8b5cf6;transform:translateY(-6px);box-shadow:0 14px 30px #8b5cf640}.super-admin-commerce-card h4{color:#c4b5fd;margin:0 0 18px;font-size:18px}.super-admin-commerce-card p{color:#e5e7eb;margin:10px 0;font-size:14px}.super-admin-content input[type=text]{color:#fff;box-sizing:border-box;background:#1e1b2e;border:1px solid #49316f;border-radius:12px;outline:none;width:100%;max-width:450px;margin-top:15px;margin-bottom:10px;padding:15px 20px;font-family:Arial,sans-serif;font-size:15px;transition:all .3s}.super-admin-content input[type=text]::placeholder{color:#a78bca}.super-admin-content input[type=text]:focus{background:#252039;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf62e}.super-admin-content input[type=text]:hover{border-color:#7650b5}.super-admin-back-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d28d9,#4c1d95);border:1px solid #8b5cf6;border-radius:10px;align-items:center;gap:10px;margin:20px 0 30px;padding:13px 22px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.super-admin-back-button:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-2px);box-shadow:0 6px 18px #8b5cf64d}.app{color:#172033;background:#fff}.app .sidebar{color:#fff;background:#172033}.app .main-content{color:#172033;background:#fff}.app .stat-card{color:#fff;background:#2563eb;border:1px solid #1d4ed8;border-radius:14px;box-shadow:0 4px 12px #1720331f}.app .stat-card *{color:#fff}@media (width<=700px){.products-table,.ventes-table{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow-x:auto}.products-table th,.products-table td,.ventes-table th,.ventes-table td{white-space:nowrap;padding:12px}.ventes-table th:last-child,.ventes-table td:last-child{min-width:150px}}.app-proprietaire{--role-color:#2563eb}.app-gerant{--role-color:#16a34a}.app-serveuse,.app-serveur{--role-color:#f97316}.app-caissiere,.app-caissier{--role-color:#7c3aed}.app .sidebar nav a{color:#334155}.app .sidebar nav a:hover,.app .sidebar nav a.active{background:var(--role-color);color:#fff}.app .profile{border-color:var(--role-color)}