:root{--primary: #2D7D6F;--primary-dark: #1F5C52;--navy: #1D2635;--accent: #38761D;--indigo: #2E2D6D;--royal: #5664F5;--bg: #F8F9FA;--surface: #ffffff;--highlight: #E8F4F1;--ink: #212529;--muted: #6C757D;--line: #DEE2E6;--alerte: #b45309;--danger: #b91c1c;--panel: rgba(255,255,255,.8);--radius: .9rem;--radius-sm: .6rem;--shadow: 0 1px 2px rgba(29,38,53,.06), 0 4px 16px rgba(29,38,53,.05);--font-sans: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "ADLaM Display", var(--font-sans);font-family:var(--font-sans);font-size:18px}:root[data-theme=dark]{--primary: #3E9E8C;--primary-dark: #2D7D6F;--bg: #12171F;--surface: #1B222D;--highlight: #17302B;--ink: #E6E9ED;--muted: #97A1AE;--line: #2C3644;--alerte: #f59e0b;--danger: #f87171;--panel: rgba(20,26,35,.82);--shadow: 0 1px 2px rgba(0,0,0,.45), 0 6px 20px rgba(0,0,0,.4)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:1rem;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.01em}.login-page{min-height:100vh;display:flex;flex-direction:column;position:relative}.login{flex:1 0 auto;display:grid;grid-template-columns:1fr 1fr}.login__card .login__logo{margin:0 auto 1.25rem;display:none}.login__visual{background:linear-gradient(150deg,var(--primary) 0%,var(--navy) 100%);position:relative}.login__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/brand/banniere_login.jpg) center/cover;opacity:.14;mix-blend-mode:luminosity}.login__brand{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center}.login__brand p{color:#ffffffe0;max-width:340px;line-height:1.55}.login__form{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg)}.login__card{width:min(380px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem}.login__card h1{font-size:1.5rem;margin:0 0 .25rem;color:var(--ink)}.login__card .sub{color:var(--muted);margin:0 0 1.5rem}.login__aux{margin:1rem 0 0;font-size:.88rem;text-align:center}.notice{background:var(--highlight);color:var(--primary-dark);border-radius:var(--radius-sm);padding:.6rem .75rem;font-size:.85rem;margin-bottom:1rem}@media (max-width: 820px){.login{grid-template-columns:1fr}.login__visual{display:none}.login__form{padding:1.25rem}.login__card{border:none;box-shadow:none;padding:1rem 0;background:transparent}.login__card .login__logo{display:inline-block}}label{display:block;font-size:.85rem;font-weight:600;margin:.75rem 0 .3rem}input,select{width:100%;padding:.6rem .75rem;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.95rem;background:var(--surface);color:var(--ink)}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:0;border-color:transparent}.btn{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;background:var(--primary);color:#fff;border:none;padding:.65rem 1.1rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;transition:background .15s}.btn:hover{background:var(--primary-dark)}.btn--ghost{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn--block{width:100%;justify-content:center}.error{color:var(--danger);font-size:.85rem;margin-top:.5rem}.brand-logo{width:200px;max-width:100%;display:block;height:auto}.brand-logo--sm{width:74px}.brand-logo--login{width:min(360px,74vw);filter:drop-shadow(0 2px 12px rgba(0,0,0,.25))}.sidebar__logo .brand-logo,.mobile-header .brand-logo{background:linear-gradient(150deg,var(--primary),var(--navy));box-shadow:var(--shadow)}.sidebar__logo .brand-logo{border-radius:var(--radius);padding:1rem}.mobile-header .brand-logo{border-radius:var(--radius-sm);padding:.4rem}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar__logo{padding:1.35rem 1rem 1rem;display:flex;justify-content:center}.sidebar__section{margin:0 0 .35rem;padding:0 1.25rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.sidebar nav{display:flex;flex-direction:column;padding:0 .6rem;flex:1;gap:3px}.sidebar nav a{color:var(--ink);padding:.6rem .85rem;font-size:.92rem;font-weight:500;display:flex;align-items:center;gap:.5rem;border-radius:var(--radius-sm);transition:background .15s,color .15s}.sidebar nav a:hover{background:var(--highlight);color:var(--primary-dark)}.sidebar nav a.active{background:var(--primary);color:#fff}.sidebar__foot{display:none;padding:1rem;font-size:.8rem;border-top:1px solid var(--line)}.sidebar__foot .user{font-weight:600}.sidebar__foot .role{color:var(--muted)}.content{display:flex;flex-direction:column;min-width:0}.topbar-admin{display:flex;align-items:center;justify-content:flex-end;gap:.9rem;background:var(--surface);border-bottom:1px solid var(--line);padding:.6rem 1.5rem}.topbar-admin__user{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.topbar-admin__user .user{font-weight:600;font-size:.9rem;color:var(--ink)}.topbar-admin__user .role{font-size:.72rem;color:var(--muted)}.topbar-admin .btn{padding:.5rem .9rem;font-size:.85rem}.main{padding:1.75rem 2rem;overflow-x:auto;min-width:0;flex:1 0 auto}.app-footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 2rem;border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:.8rem}.app-footer a{color:var(--primary);font-weight:600;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (max-width: 640px){.app-footer{padding:1rem;flex-direction:column;align-items:center;gap:.2rem;text-align:center}}.topbar{display:flex;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;flex-wrap:wrap;margin-bottom:1.5rem}.topbar h1{margin:0;font-size:1.7rem;color:var(--ink)}.topbar .muted{color:var(--muted);font-size:.9rem}.mobile-header,.scrim{display:none}.hamburger{background:none;border:none;padding:.35rem;cursor:pointer;display:flex;flex-direction:column;gap:4px}.hamburger span{width:22px;height:2px;background:var(--ink);border-radius:2px}.theme-toggle{background:transparent;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;padding:0;cursor:pointer;color:var(--ink);flex:none;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.theme-toggle:hover{background:var(--highlight);color:var(--primary-dark)}.theme-toggle svg{width:18px;height:18px}.sidebar__install{padding:0 .6rem .6rem}.install__hint{font-size:.78rem;color:var(--muted);margin:.5rem .2rem 0;line-height:1.45}.login__card .install{margin-top:1rem}.login-page .theme-toggle{position:absolute;top:1rem;right:1rem;z-index:2;background:var(--surface)}.grid{display:grid;gap:1rem}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.15rem 1.35rem;overflow-x:auto}.card table{min-width:480px}.kpi .label{color:var(--muted);font-size:.85rem}.kpi .value{font-family:var(--font-display);font-size:1.9rem;font-weight:400;color:var(--ink);margin-top:.4rem}.kpi .value.warn{color:var(--danger)}.kpi .kpi-sub{color:var(--muted);font-size:.8rem;margin-top:.35rem}.kpi--link{cursor:pointer;transition:box-shadow .15s,transform .1s}.kpi--link:hover{box-shadow:0 4px 18px #1d26351f;transform:translateY(-1px)}.kpi--link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.kpi--ok{border-color:#2d7d6f66;background:#2d7d6f0d}.kpi--attente{border-color:#5664f566;background:#5664f50d}.kpi--alerte{border-color:#fca5a5;background:#fef2f2}.card h2{margin:0 0 1rem;font-size:1.15rem;color:var(--ink)}.section-title{font-size:1.15rem;color:var(--ink);margin:0 0 .9rem}.card__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.card__head h2{margin:0}.cols-2{grid-template-columns:1fr 1fr}@media (max-width: 900px){.cols-2,.shell{grid-template-columns:1fr}.mobile-header{display:flex;align-items:center;justify-content:center;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:.55rem .9rem;position:sticky;top:0;z-index:30}.mobile-header .hamburger{position:absolute;left:.9rem;top:50%;transform:translateY(-50%)}.mobile-header .theme-toggle{position:absolute;right:.9rem;top:50%;transform:translateY(-50%)}.topbar-admin{display:none}.sidebar{display:flex;flex-direction:column}.sidebar__foot{display:block;margin-top:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:40;transform:translate(-100%);transition:transform .25s ease;box-shadow:2px 0 16px #00000040}.shell--open .sidebar{transform:translate(0)}.shell--open .scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#00000073}.main{padding:1rem}.topbar h1{font-size:1.3rem}}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:.6rem;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.02em}tbody tr:hover{background:var(--highlight)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.bar-row{display:grid;grid-template-columns:minmax(90px,140px) 1fr 72px;align-items:center;gap:.6rem;margin:.4rem 0;font-size:.85rem}.bar-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:var(--highlight);border-radius:6px;height:12px;overflow:hidden}.bar-fill{background:var(--primary);height:100%;border-radius:6px}.bar-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--primary-dark);font-weight:600}.chart{position:relative}.chart svg{display:block;overflow:visible}.chart__tip{position:absolute;top:-6px;transform:translate(-50%);background:var(--navy);color:#fff;border-radius:var(--radius-sm);padding:.4rem .6rem;font-size:.78rem;display:flex;flex-direction:column;gap:1px;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow);z-index:2}.chart__tip .muted{color:#ffffffb3}.chart--donut{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;justify-content:center}.chart--donut path{cursor:pointer;transition:opacity .15s}.chart__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;min-width:150px}.chart__legend li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:default;transition:opacity .15s}.chart__swatch{width:12px;height:12px;border-radius:3px;flex:none}.chart__legend-name{flex:1}.chart__legend-val{font-variant-numeric:tabular-nums;font-weight:600;color:var(--primary-dark)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600}.badge--alerte{background:#fdeede;color:var(--alerte)}.badge--ok{background:var(--highlight);color:var(--primary-dark)}.badge--zone{background:#eef0f2;color:var(--muted)}.toolbar{display:flex;gap:.6rem;margin-bottom:1rem;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:180px}.toolbar .spacer{flex:1}.loading{color:var(--muted);padding:2rem;text-align:center}.ss{position:relative}.ss__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:.95rem;cursor:pointer;text-align:left}.ss__trigger:focus{outline:2px solid var(--primary);border-color:transparent}.ss__trigger--empty .ss__value{color:var(--muted)}.ss__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss__chev{color:var(--muted);flex:none}.ss__panel{position:absolute;z-index:110;top:calc(100% + 4px);left:0;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 10px 30px #1d26352e;overflow:hidden}.ss__search{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-bottom:1px solid var(--line)}.ss__search input{border:none;padding:0;background:transparent;font-size:.9rem}.ss__search input:focus{outline:none}.ss__list{list-style:none;margin:0;padding:.25rem;max-height:240px;overflow-y:auto}.ss__opt{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:.5rem .6rem;border-radius:6px;font-size:.9rem;color:var(--ink)}.ss__opt--active{background:var(--highlight)}.ss__opt--sel{font-weight:600;color:var(--primary-dark)}.ss__empty{padding:.6rem;color:var(--muted);font-size:.88rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1d263580;display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);width:min(520px,100%);box-shadow:0 20px 60px #0000004d}.modal--wide{width:min(820px,100%)}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.35rem;border-bottom:1px solid var(--line)}.modal__head h2{margin:0;font-size:1.25rem;color:var(--ink)}.modal__close{background:none;border:none;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--muted);padding:0 .25rem}.modal__close:hover{color:var(--ink)}.modal__body{padding:1.35rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem}.form-grid .full{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}.pos-line{display:grid;grid-template-columns:1fr 84px 130px 120px 36px;gap:.5rem;align-items:center;margin-bottom:.5rem}.pos-line .st{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}.pos-line .rm{background:none;border:1px solid var(--line);border-radius:8px;cursor:pointer;color:var(--danger);height:38px}.pos-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:.75rem;padding-top:.75rem}.pos-total .grand{font-family:var(--font-display);font-size:1.5rem;color:var(--ink)}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.pos-line{grid-template-columns:60px 90px 1fr 28px;align-items:center}.pos-line>.ss{grid-column:1 / -1}.modal-overlay{padding:0;align-items:stretch}.modal,.modal--wide{width:100%;min-height:100vh;border-radius:0}.modal__head{position:sticky;top:0;background:var(--surface);z-index:2}.modal__body{padding:1rem}.form-actions{flex-direction:column-reverse;gap:.5rem}.form-actions .btn{width:100%;justify-content:center}}.row-link{cursor:pointer;transition:background .12s}.row-link:hover{background:var(--highlight)}.back{display:inline-block;color:var(--primary);text-decoration:none;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.back:hover{text-decoration:underline}.btn--sm{padding:.4rem .7rem;font-size:.82rem}.strong{font-weight:700;color:var(--ink)}.detail{display:grid;grid-template-columns:300px 1fr;gap:1rem;align-items:start}.detail__side{position:sticky;top:1rem}.detail__main{display:flex;flex-direction:column;gap:1rem;min-width:0}.detail__main .card{margin:0}@media (max-width: 820px){.detail{grid-template-columns:1fr}.detail__side{position:static}}.photo{display:flex;flex-direction:column;gap:.75rem}.photo__frame{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;background:var(--highlight);border:1px solid var(--line)}.photo__frame img{width:100%;height:100%;object-fit:cover;display:block}.photo__ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:var(--primary)}.photo__ph span{font-family:var(--font-display);font-size:3.5rem;line-height:1;opacity:.55}.photo__ph small{color:var(--muted);font-size:.78rem}.photo__ph--load{background:linear-gradient(90deg,var(--highlight),#eef4f2,var(--highlight))}.photo__actions{display:flex;gap:.5rem;flex-wrap:wrap}.maint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1.5rem}.maint__box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.5rem 2rem;max-width:460px;width:100%;text-align:center}.maint__box .brand-logo{margin:0 auto 1.25rem;width:200px}.maint__box h1{margin:0 0 .6rem;font-size:1.5rem;color:var(--ink)}.maint__box p{color:var(--muted);margin:0 0 1.5rem}.maint__actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.camera video{width:100%;border-radius:var(--radius-sm);background:#000;display:block;aspect-ratio:4 / 3;object-fit:cover}.thumb{display:inline-flex;width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;background:var(--highlight);border:1px solid var(--line);flex:none}.thumb img{width:100%;height:100%;object-fit:cover}.thumb__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);color:var(--primary);opacity:.55;font-size:1.1rem}.facts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.5rem;margin:0}.facts>div{display:flex;flex-direction:column;gap:.1rem}.facts dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.facts dd{margin:0;color:var(--ink);font-size:.95rem}@media (max-width: 520px){.facts{grid-template-columns:1fr}}