:root{--bg:#312e81;--bg-soft:#4338ca;--header-gradient:linear-gradient(135deg, #4338ca 0%, #7c3aed 100%);--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--text:#0f172a;--text-soft:#64748b;--text-invert:#f8fafc;--primary:#6366f1;--primary-dark:#4338ca;--primary-soft:#e0e7ff;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #4338ca 100%);--green:#16a34a;--green-soft:#dcfce7;--amber:#d97706;--amber-soft:#fef3c7;--red:#dc2626;--red-soft:#fee2e2;--radius:16px;--radius-sm:11px;--shadow:0 1px 3px #312e8114, 0 1px 2px #312e810d;--shadow-lg:0 10px 30px #312e8129;--shadow-primary:0 6px 16px #6366f159;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--nav-h:64px;color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--surface-2);color:var(--text);margin:0;font-size:16px;line-height:1.45}h1,h2,h3,h4{margin:0 0 var(--sp-2);line-height:1.2}h1{font-size:1.4rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 var(--sp-3)}a{color:var(--primary)}button{font:inherit;cursor:pointer}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);border:1px solid #0000;min-height:46px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:background .15s,transform 50ms;display:inline-flex}.btn:active{transform:scale(.985)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{box-shadow:0 8px 20px #6366f173}.btn-primary:active{box-shadow:0 3px 10px #6366f159}.btn-ghost{border-color:var(--border);background:0 0}.btn-danger{background:var(--red);color:#fff}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.field{margin-bottom:var(--sp-4);display:block}.field>label{color:var(--text-soft);margin-bottom:var(--sp-2);font-size:.85rem;font-weight:600;display:block}.input,select.input,textarea.input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font:inherit;background:#fff;min-height:46px;padding:12px 14px}.input:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-4)}.card+.card{margin-top:var(--sp-3)}.plan-compact{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.plan-row-wrap+.plan-row-wrap{border-top:1px solid var(--border)}.plan-group-header{text-transform:uppercase;letter-spacing:.03em;color:var(--text-soft);background:var(--surface-2);padding:5px 10px;font-size:.72rem;font-weight:700}.plan-row-wrap:has(.plan-group-header){border-top:0}.plan-row{border:0;border-left:3px solid var(--border);text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;align-items:center;gap:8px;padding:7px 10px;font-size:.85rem;display:flex}.plan-row-poste{background:var(--primary-soft);width:20px;height:20px;color:var(--primary-dark);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.plan-row-nom{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:600;overflow:hidden}.plan-row-nb{color:var(--green);flex:none;font-size:.78rem;font-weight:700}.plan-row-nb-bad{color:var(--red)}.plan-row-chevron{color:var(--text-soft);flex:none;font-size:.65rem}.plan-row-detail{background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px 10px 33px;display:flex}.cal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);margin-bottom:16px}.cal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-grid-head{margin-bottom:4px}.cal-dow{text-align:center;color:var(--text-soft);font-size:.7rem;font-weight:700}.cal-day{aspect-ratio:1;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;display:flex}.cal-day:disabled{color:var(--border);cursor:default}.cal-day.today{background:var(--primary-soft);color:var(--primary-dark);font-weight:700}.cal-day.sel{background:var(--primary);color:#fff;font-weight:700}.period-picker{margin-bottom:16px}.stat-metric{cursor:pointer;text-align:center;background:0 0;border:0;min-width:64px;padding:4px 6px}.stat-tuile{cursor:pointer;border:1px solid var(--border)}.stat-tuile:active{background:var(--surface-2)}.bar-track{background:var(--surface-2);border-radius:6px;height:12px;overflow:hidden}.bar-fill{border-radius:6px;height:100%}.app-shell{min-height:100%;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.app-header{z-index:20;background:var(--header-gradient);color:var(--text-invert);padding:calc(var(--sp-3) + env(safe-area-inset-top)) var(--sp-4) var(--sp-3);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #4338ca40}.app-header .brand{letter-spacing:.2px;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.app-main{padding:var(--sp-4);max-width:920px;margin:0 auto}.bottom-nav{z-index:30;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--text-soft);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav a .nav-ico{border-radius:999px;justify-content:center;align-items:center;width:38px;height:26px;transition:background .15s;display:flex}.bottom-nav a.active{color:var(--primary)}.bottom-nav a.active .nav-ico{background:var(--primary-soft)}.tabs{gap:var(--sp-2);-webkit-overflow-scrolling:touch;padding-bottom:var(--sp-2);margin-bottom:var(--sp-4);display:flex;overflow-x:auto}.tabs button{white-space:nowrap;border:1px solid var(--border);color:var(--text-soft);background:#fff;border-radius:999px;padding:8px 14px;font-size:.9rem;font-weight:600}.tabs button.active{background:var(--primary-gradient);color:#fff;border-color:#0000;box-shadow:0 3px 10px #6366f14d}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-green{background:var(--green-soft);color:var(--green)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-blue{background:var(--primary-soft);color:var(--primary-dark)}.badge-gray{background:var(--surface-2);color:var(--text-soft)}.banner{border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);gap:var(--sp-2);align-items:flex-start;font-size:.9rem;display:flex}.banner-error{background:var(--red-soft);color:var(--red)}.banner-warn{background:var(--amber-soft);color:var(--amber)}.banner-info{background:var(--primary-soft);color:var(--primary-dark)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:var(--sp-5) var(--sp-4);text-align:center;background:var(--surface-2);transition:border-color .15s,background .15s}.dropzone.over{border-color:var(--primary);background:var(--primary-soft)}.dropzone .dz-ico{font-size:1.8rem}.row{gap:var(--sp-3);align-items:center;display:flex}.row-between{gap:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.wrap{flex-wrap:wrap}.muted{color:var(--text-soft)}.small{font-size:.82rem}.stack>*+*{margin-top:var(--sp-3)}.center{text-align:center}.grid-2{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}.spacer{flex:1}.full-screen-center{min-height:100vh;padding:var(--sp-4);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.annot-modal{z-index:1000;background:#1f2937;flex-direction:column;display:flex;position:fixed;inset:0}.annot-bar{color:#fff;background:#111827;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex;position:sticky;top:0;box-shadow:0 1px #ffffff14}.annot-x{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:10px;flex:none;min-height:0;padding:8px 13px;font-size:1.2rem;font-weight:700;line-height:1}.annot-x:hover{background:#b91c1c}.annot-tools{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.annot-tools .tool{color:#fff;cursor:pointer;background:#374151;border:0;border-radius:8px;padding:8px 10px;font-size:.85rem}.annot-tools .tool.on{background:var(--primary)}.annot-tools .swatch{cursor:pointer;border:2px solid #4b5563;border-radius:50%;width:26px;height:26px}.annot-tools .swatch.on{box-shadow:0 0 0 2px var(--primary);border-color:#fff}.annot-save{min-height:0;padding:9px 14px}.annot-scroll{flex:1;padding:14px;overflow:auto}.annot-page{background:#fff;position:relative;box-shadow:0 4px 18px #0006}.annot-page img{-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.annot-page canvas{cursor:crosshair;position:absolute;inset:0}.annot-hint{color:#cbd5e1;text-align:center;max-width:480px;font-size:.85rem}.annot-topbar{color:#fff;background:#111827;flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.annot-title{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.annot-note-btn{color:#cbd5e1;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#1f2937;border:0;border-radius:8px;flex:1;min-width:0;padding:10px 12px;font-size:.9rem;overflow:hidden}.annot-note-btn.has{color:#fff;background:#14532d}.annot-note-overlay{z-index:1100;background:#0000008c;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0}.annot-note-card{color:#111827;background:#fff;border-radius:14px;width:100%;max-width:520px;margin-top:40px;padding:14px;box-shadow:0 12px 40px #0006}.annot-note-area{resize:vertical;border:1px solid #d1d5db;border-radius:10px;width:100%;min-height:160px;padding:12px;font-family:inherit;font-size:1rem;line-height:1.4}.annot-text-input{background:0 0;border:0;outline:none;width:8em;min-width:60px;padding:0;font-family:inherit;font-weight:600;line-height:1}.annot-text-input::placeholder{color:#00000059}.annot-bottombar{background:#111827;flex:none;align-items:center;gap:6px;padding:8px 10px;display:flex;overflow-x:auto;box-shadow:0 -2px 8px #00000059}.annot-bottombar .tool{color:#fff;cursor:pointer;background:#374151;border:0;border-radius:10px;flex:none;padding:8px 10px;font-size:1.1rem}.annot-bottombar .tool.on{background:var(--primary)}.annot-photo-btn{position:relative}.annot-photo-badge{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.annot-bottombar .swatch{cursor:pointer;border:2px solid #4b5563;border-radius:50%;flex:none;width:30px;height:30px}.annot-bottombar .swatch.on{box-shadow:0 0 0 2px var(--primary);border-color:#fff}.annot-sep{background:#4b5563;width:1px;height:22px;margin:0 2px}.annot-tools .tool.danger{background:#7f1d1d}.annot-subbar{color:#e5e7eb;background:#0b1220;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;display:flex}.annot-subbar .tool{color:#fff;cursor:pointer;background:#374151;border:0;border-radius:8px;padding:6px 10px}.annot-subbar .tool.on{background:var(--primary)}.annot-subbar .tool.danger{background:#b91c1c}.annot-subbar .swatch{cursor:pointer;border:2px solid #4b5563;border-radius:50%;flex:none;width:26px;height:26px}.annot-subbar .swatch.on{box-shadow:0 0 0 2px var(--primary);border-color:#fff}.annot-subbar{overflow-x:auto}.annot-stage{background:#fff;margin:0 auto 14px;position:relative;box-shadow:0 4px 18px #0006}.annot-stage img{-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.annot-canvas{width:100%;height:100%;position:absolute;inset:0}.annot-text{white-space:pre;cursor:move;-webkit-user-select:none;user-select:none;border-radius:4px;padding:2px 3px;font-weight:600;line-height:1;position:absolute;transform:translate(-2px,-2px)}.annot-text.sel{outline:2px dashed var(--primary);background:#0d948814}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=380px){.grid2{grid-template-columns:1fr}}.annot-textbar{background:#111827;flex:none;align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:0 -2px 8px #00000059}.annot-textbar-input{color:#fff;font:inherit;background:#1f2937;border:1px solid #4b5563;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:16px}.annot-textbar-input:focus{border-color:var(--primary)}.annot-text.editing{background:#2563eb1f;border-radius:3px}.annot-img{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;display:block}.annot-img.sel{outline:2px dashed var(--primary);border-radius:2px}.filtre-widget{cursor:pointer;border:2px solid #0000;transition:border-color .15s,transform .1s}.filtre-widget:hover{transform:translateY(-1px)}.filtre-widget.actif{box-shadow:0 2px 10px #00000014}