:root{--color-primary: #e11b22;--color-secondary: #1e9e4a;--color-danger: #e11b22;--color-warning: #f5b301;--color-info: #1e9e4a;--color-bg: #f7f7f5;--color-text: #333333;--color-text-secondary: #6b6b6b;--radius: 8px;--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--tap-target-min: 48px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text)}#app{max-width:480px;margin:0 auto;min-height:100vh;padding:var(--spacing-2);padding-bottom:calc(var(--tap-target-min) + var(--spacing-3))}h1{color:var(--color-primary);font-size:1.5rem}.tagline{color:var(--color-text-secondary);margin-top:-var(--spacing-1)}form{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--color-text-secondary)}input{min-height:var(--tap-target-min);padding:0 var(--spacing-1);font-size:1rem;border:1px solid #ccc;border-radius:var(--radius)}button{min-height:var(--tap-target-min);min-width:44px;padding:0 var(--spacing-2);font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius);cursor:pointer}button.link-btn{background:none;color:var(--color-info);font-weight:400;padding:0;min-height:auto}button:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--color-danger);font-size:.9rem}.success{color:var(--color-secondary);font-size:.9rem;font-weight:600}header{display:flex;justify-content:space-between;align-items:center}ul{list-style:none;padding:0}li{padding:var(--spacing-1) 0;border-bottom:1px solid #e0e0e0}li.empty{color:var(--color-text-secondary);border-bottom:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e0e0e0;max-width:480px;margin:0 auto;padding:6px 0}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;color:var(--color-text-secondary);text-decoration:none;min-height:var(--tap-target-min);justify-content:center;flex:1}.bottom-nav-item.active{color:var(--color-primary);font-weight:600}.bottom-nav-icon{font-size:1.3rem}.stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.stat-card{background:#fff;border-radius:var(--radius);padding:var(--spacing-1) var(--spacing-2);border:1px solid #e0e0e0}.stat-card .value{font-size:1.4rem;font-weight:700;color:var(--color-primary)}.stat-card .label{font-size:.75rem;color:var(--color-text-secondary)}.admin-nav{display:flex;gap:16px;margin-top:24px;padding-top:12px;border-top:1px solid #e0e0e0}.admin-nav .bottom-nav-item{flex-direction:row;color:var(--color-text-secondary)}.admin-nav .bottom-nav-item.active{color:var(--color-primary);font-weight:600}#impersonation-banner{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--color-warning);color:#fff;font-size:.85rem}#impersonation-banner[hidden]{display:none}#impersonation-banner button{background:none;border:1px solid #fff;color:#fff;padding:4px 10px;border-radius:4px}.badge{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.badge-ok{background:var(--color-secondary)}.badge-proche{background:var(--color-warning)}.badge-critique{background:var(--color-danger)}.article-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-1) 0;border-bottom:1px solid #e0e0e0;text-decoration:none;color:inherit}.article-row .stock-value{font-weight:600}.toolbar{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-2);align-items:center}.toolbar select,.toolbar input{min-height:40px;border:1px solid #ccc;border-radius:var(--radius);padding:0 8px}.type-toggle{display:flex;gap:var(--spacing-1)}.type-toggle button{flex:1;background:#eee;color:var(--color-text)}.type-toggle button.selected{background:var(--color-primary);color:#fff}.bar-chart{display:flex;gap:4px;align-items:flex-end;height:60px;margin-bottom:var(--spacing-2)}.bar-chart .bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.65rem;color:var(--color-text-secondary)}.bar-chart .bar{width:100%;background:var(--color-secondary);border-radius:2px 2px 0 0}.bar-chart .bar.sortie{background:var(--color-danger)}body.full-width-page #app{max-width:1100px;padding:0 var(--spacing-3) var(--spacing-3)}.landing-header{display:flex;align-items:center;gap:var(--spacing-3);margin:80px 0 64px}.landing-logo-wrapper{flex-shrink:0}.landing-logo-img{width:160px;height:160px;border-radius:22.5%;box-shadow:0 12px 48px #11103e1f}.landing-name{font-size:2.5rem;color:var(--color-text);margin:0}.landing-tagline{font-size:1.25rem;font-weight:500;color:var(--color-text-secondary);margin:var(--spacing-1) 0 0}.landing-pitch{color:var(--color-text-secondary);max-width:520px;margin:var(--spacing-2) 0}.landing-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin-top:var(--spacing-2)}.landing-buttons .btn-cta-primary{padding:0 var(--spacing-3);max-width:100%}.landing-existing-account{color:var(--color-text-secondary);font-size:.9rem;margin:var(--spacing-1) 0 0}.landing-existing-account a{color:var(--color-info)}.landing-wide-section{margin:64px 0}.landing-wide-section h2{font-size:1.5rem;color:var(--color-text);margin:0 0 var(--spacing-2)}.landing-wide-section>p{color:var(--color-text-secondary);max-width:640px;line-height:1.6}.landing-wide-section--center{text-align:center}.landing-whatsapp{display:inline-flex;max-width:420px;margin:0 auto}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-2)}.landing-grid-card{background:#fff;border:1px solid #e0e0e0;border-radius:var(--radius);padding:var(--spacing-2)}.landing-benefit-card{border:none;border-left:4px solid var(--color-secondary)}.landing-benefit-card h3{font-size:1rem;color:var(--color-text);margin:0 0 4px}.landing-benefit-card p{font-size:.9rem;color:var(--color-text-secondary);margin:0}.landing-download-band{background:#fff;border:1px solid #e0e0e0;border-top:3px solid var(--color-secondary);border-radius:var(--radius);padding:var(--spacing-3)}.landing-download-btn{display:inline-flex;margin-top:var(--spacing-2);padding:0 var(--spacing-3)}.landing-install-steps{counter-reset:step;padding:0;max-width:640px}.landing-install-steps li{list-style:none;counter-increment:step;position:relative;padding:4px 0 var(--spacing-2) 40px;color:var(--color-text)}.landing-install-steps li:before{content:counter(step);position:absolute;left:0;top:2px;width:26px;height:26px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}.landing-install-note{background:#fef7e6;border:1px solid var(--color-warning);border-radius:var(--radius);padding:var(--spacing-1) var(--spacing-2);font-size:.85rem;color:var(--color-text);max-width:640px;margin-top:var(--spacing-1)}.landing-footer-wide{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) 0;border-top:1px solid #e0e0e0;color:var(--color-text-secondary);font-size:.85rem}.landing-footer-wide p{margin:0}.landing-footer-links{list-style:none;display:flex;gap:var(--spacing-2);padding:0;margin:0}.landing-footer-links a{color:var(--color-info)}@media (max-width: 640px){body.full-width-page #app{padding:0 var(--spacing-2) var(--spacing-2)}.landing-header{flex-direction:column;text-align:center;margin:32px 0;gap:var(--spacing-2)}.landing-logo-img{width:96px;height:96px}.landing-name{font-size:1.6rem}.landing-tagline{font-size:1rem}.landing-pitch{font-size:.9rem;max-width:none}.landing-buttons{flex-direction:column;align-items:stretch}.landing-buttons .btn-cta-primary{padding:0 var(--spacing-2)}.landing-wide-section{margin:40px 0}.landing-wide-section h2{font-size:1.2rem}.landing-install-steps li{padding-left:36px}.landing-footer-wide{flex-direction:column-reverse;align-items:flex-start;text-align:left}}.btn-cta-primary,.btn-cta-secondary{display:flex;align-items:center;justify-content:center;min-height:var(--tap-target-min);border-radius:var(--radius);font-weight:600;text-decoration:none}.btn-cta-primary{background:var(--color-primary);color:#fff}.btn-cta-secondary{background:none;border:1px solid var(--color-primary);color:var(--color-primary)}.whatsapp-cta{display:flex;align-items:center;justify-content:center;text-align:center;min-height:var(--tap-target-min);border-radius:var(--radius);background:#e9f7ee;color:#1e9e4a;font-weight:500;text-decoration:none;margin-bottom:var(--spacing-3);padding:0 var(--spacing-2)}.landing-footer{text-align:center;color:var(--color-text-secondary);font-size:.8rem}.landing-footer a{color:var(--color-info)}.legal-page h2{font-size:1.05rem;margin-top:var(--spacing-3)}.legal-page ul{list-style:disc;padding-left:var(--spacing-2)}.legal-page li{border-bottom:none;padding:2px 0}.legal-updated{color:var(--color-text-secondary);font-size:.85rem}.compte-section{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid #e0e0e0}.compte-section h2{font-size:1.05rem;margin-bottom:var(--spacing-1)}.compte-section h3{font-size:.9rem;color:var(--color-text-secondary);margin:var(--spacing-2) 0 var(--spacing-1)}