:root{--bleu: #2D54F5;--bleu-fonce: #1e3bb8;--navy: #141a2e;--navy-2: #1e2640;--texte: #1f2433;--texte-doux: #6b7280;--bordure: #e6e8ee;--fond: #f6f7f9;--blanc: #ffffff;--vert: #16a34a;--rouge: #dc2626;--orange: #d97706;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--texte);background:var(--fond);-webkit-font-smoothing:antialiased;font-size:14px}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}a{color:inherit;text-decoration:none}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{background:var(--blanc);border:1px solid var(--bordure);border-radius:14px;padding:36px 32px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 30px #141a2e14}.auth-brand{font-size:22px}.auth-card .brand-sub{margin-bottom:12px}.auth-card input{padding:11px 12px;border:1px solid var(--bordure);border-radius:var(--radius);outline:none}.auth-card input:focus{border-color:var(--bleu)}.auth-error{background:#fef2f2;color:var(--rouge);padding:9px 12px;border-radius:var(--radius);font-size:13px}.btn-primary{background:var(--bleu);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius);font-weight:600}.btn-primary:hover{background:var(--bleu-fonce)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:transparent;border:1px solid var(--bordure);color:var(--texte-doux);padding:9px 14px;border-radius:var(--radius)}.btn-ghost:hover{background:var(--fond)}.btn-danger{background:transparent;border:1px solid #f3c9c9;color:var(--rouge);padding:9px 14px;border-radius:var(--radius)}.btn-danger:hover{background:#fef2f2}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:224px;background:var(--navy);color:#c9cedd;display:flex;flex-direction:column;padding:20px 14px;flex-shrink:0}.brand{font-size:17px;font-weight:700;color:#fff}.brand-sub{font-size:12px;color:var(--texte-doux)}.sidebar .brand-sub{color:#7a829c;margin-bottom:22px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.nav-link{padding:9px 12px;border-radius:8px;color:#c9cedd;font-weight:500}.nav-link:hover{background:var(--navy-2);color:#fff}.nav-link.active{background:var(--bleu);color:#fff}.sidebar-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--navy-2);display:flex;flex-direction:column;gap:4px}.user-name{color:#fff;font-weight:600}.user-role{font-size:12px;color:#7a829c;text-transform:capitalize;margin-bottom:8px}.sidebar-foot .btn-ghost{color:#c9cedd;border-color:var(--navy-2)}.sidebar-foot .btn-ghost:hover{background:var(--navy-2)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:58px;background:var(--blanc);border-bottom:1px solid var(--bordure);display:flex;align-items:center;padding:0 24px;flex-shrink:0}.content{flex:1;overflow:auto;padding:24px}.section-toggle{display:inline-flex;background:var(--fond);border:1px solid var(--bordure);border-radius:var(--radius);padding:3px}.seg{border:none;background:transparent;padding:6px 16px;border-radius:7px;font-weight:600;color:var(--texte-doux)}.seg.active{background:var(--bleu);color:#fff}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-head h1{font-size:20px;font-weight:700}.muted{color:var(--texte-doux)}.muted-sm{color:var(--texte-doux);font-size:12px}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}.kanban-col{background:var(--blanc);border:1px solid var(--bordure);border-radius:12px;width:270px;flex-shrink:0;display:flex;flex-direction:column;max-height:calc(100vh - 170px)}.col-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;border-bottom:1px solid var(--bordure)}.col-count{background:var(--fond);color:var(--texte-doux);border-radius:20px;padding:1px 9px;font-size:12px}.col-body{padding:10px;display:flex;flex-direction:column;gap:9px;overflow-y:auto}.card{background:var(--blanc);border:1px solid var(--bordure);border-radius:9px;padding:11px;cursor:pointer;transition:border-color .12s,box-shadow .12s}.card:hover{border-color:var(--bleu);box-shadow:0 2px 8px #141a2e12}.card-locked{cursor:pointer;opacity:.92}.card-title{font-weight:600;line-height:1.35;margin-bottom:8px}.card-meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.tag{font-size:11px;background:var(--fond);color:var(--texte-doux);padding:2px 8px;border-radius:6px;white-space:nowrap}.tag-prio{background:#fff4e5;color:var(--orange)}.tag-bleu{background:#eaefff;color:var(--bleu)}.avatar{width:26px;height:26px;border-radius:50%;background:var(--bleu);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a2e73;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;z-index:50}.modal{background:var(--blanc);border-radius:14px;width:100%;max-width:640px;box-shadow:0 20px 60px #141a2e4d}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--bordure)}.modal-head h2{font-size:17px}.modal-body{padding:20px 22px}.modal-foot{display:flex;justify-content:space-between;gap:10px;padding:16px 22px;border-top:1px solid var(--bordure)}.modal-close{background:none;border:none;font-size:22px;color:var(--texte-doux);line-height:1}.field{margin-bottom:14px}.field label{display:block;font-weight:600;font-size:12.5px;margin-bottom:5px;color:var(--texte-doux)}.field input,.field select,.field textarea{width:100%;padding:9px 11px;border:1px solid var(--bordure);border-radius:8px;outline:none;background:var(--blanc)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--bleu)}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--fond);color:var(--texte-doux)}.field textarea{resize:vertical;min-height:70px}.field-row{display:flex;gap:12px}.field-row .field{flex:1}.checks{display:flex;flex-wrap:wrap;gap:8px}.check{display:flex;align-items:center;gap:6px;border:1px solid var(--bordure);border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}.check.on{border-color:var(--bleu);background:#eaefff;color:var(--bleu)}.check input{width:auto}.comments{margin-top:6px}.comments h3{font-size:13px;color:var(--texte-doux);margin-bottom:10px}.comment{padding:9px 11px;background:var(--fond);border-radius:8px;margin-bottom:8px}.comment-meta{font-size:11px;color:var(--texte-doux);margin-bottom:3px}.comment-row{display:flex;gap:8px;margin-top:4px}.comment-row input{flex:1;padding:9px 11px;border:1px solid var(--bordure);border-radius:8px;outline:none}.comment-row input:focus{border-color:var(--bleu)}.table-wrap{background:var(--blanc);border:1px solid var(--bordure);border-radius:12px;overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--texte-doux);padding:11px 14px;border-bottom:1px solid var(--bordure);background:var(--fond)}td{padding:11px 14px;border-bottom:1px solid var(--bordure)}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#fafbfd}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filters select,.filters input{padding:8px 10px;border:1px solid var(--bordure);border-radius:8px;outline:none;background:var(--blanc)}.date-retard{color:var(--rouge);font-weight:700;position:relative;padding-left:12px}.date-retard:before{content:"●";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:8px}.pill{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;background:var(--fond);color:var(--texte-doux)}.pill-bleu{background:#eaefff;color:var(--bleu)}.pill-vert{background:#e7f7ee;color:var(--vert)}.pill-orange{background:#fff4e5;color:var(--orange)}.pill-rouge{background:#fef2f2;color:var(--rouge)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px}.stat-card{background:var(--blanc);border:1px solid var(--bordure);border-radius:12px;padding:18px}.stat-num{font-size:30px;font-weight:700}.stat-label{color:var(--texte-doux);margin-top:4px}.stat-card.alerte .stat-num{color:var(--rouge)}.panel{background:var(--blanc);border:1px solid var(--bordure);border-radius:12px;padding:18px;margin-bottom:16px}.panel h2{font-size:15px;margin-bottom:12px}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.bar-label{width:160px;font-size:13px;flex-shrink:0}.bar-track{flex:1;background:var(--fond);border-radius:6px;height:18px;overflow:hidden}.bar-fill{background:var(--bleu);height:100%}.bar-val{width:38px;text-align:right;font-size:13px;font-weight:600}.cal-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.cal-title{font-size:17px;font-weight:700;text-transform:capitalize;min-width:180px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--bordure);border:1px solid var(--bordure);border-radius:12px;overflow:hidden}.cal-dow{background:var(--fond);padding:8px;font-size:12px;font-weight:600;color:var(--texte-doux);text-align:center}.cal-cell{background:var(--blanc);min-height:104px;padding:6px}.cal-cell.hors{background:#fbfbfc}.cal-date{font-size:12px;color:var(--texte-doux);margin-bottom:4px}.cal-cell.aujourdhui .cal-date{background:var(--bleu);color:#fff;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.cal-event{font-size:11px;padding:3px 6px;border-radius:5px;background:#eaefff;color:var(--bleu);margin-bottom:3px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px}.cal-event:hover{filter:brightness(.96)}.cal-event-marker{display:inline-block;width:14px;height:14px;line-height:14px;text-align:center;border-radius:3px;font-size:9px;font-weight:700;flex-shrink:0}.cal-event-titre{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cal-event-ad{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;background:#141a2e2e;color:inherit;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.cal-event.t-bleu{background:#eaefff;color:var(--bleu)}.cal-event.t-bleu .cal-event-marker{background:var(--bleu);color:#fff}.cal-event.t-orange{background:#fff4e5;color:var(--orange)}.cal-event.t-orange .cal-event-marker{background:var(--orange);color:#fff}.cal-event.t-rouge{background:#fef2f2;color:var(--rouge)}.cal-event.t-rouge .cal-event-marker{background:var(--rouge);color:#fff}.cal-event.t-vert{background:#e7f7ee;color:var(--vert)}.cal-event.t-vert .cal-event-marker{background:var(--vert);color:#fff}.cal-event-plus{font-size:11px;color:var(--texte-doux);padding:0 6px;cursor:default}.cal-cell.tournage-jour,.cal-cell.tournage-jour.aujourdhui{background:linear-gradient(180deg,#fff7ec 0%,var(--blanc) 24%)}.cal-legend{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:11.5px;color:var(--texte-doux)}.cal-leg{display:inline-flex;align-items:center;gap:5px}.cal-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.cal-dot-bleu{background:var(--bleu)}.cal-dot-orange{background:var(--orange)}.cal-dot-rouge{background:var(--rouge)}.cal-dot-vert{background:var(--vert)}.cal-tjour-marker{width:18px;height:12px;border-radius:3px;background:linear-gradient(180deg,#fff7ec,#fff);border:1px solid #f4d8a8}.empty{text-align:center;padding:40px;color:var(--texte-doux)}.section-titre{font-size:13px;font-weight:700;color:var(--texte-doux);text-transform:uppercase;letter-spacing:.4px;margin:18px 0 10px}.panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.panel-head h2{margin-bottom:0}.periode-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.periode-presets{display:inline-flex;gap:4px;background:var(--fond);border:1px solid var(--bordure);border-radius:var(--radius);padding:3px}.periode-presets .seg{padding:6px 14px;border-radius:7px}.periode-dates{display:flex;gap:12px;align-items:center}.periode-dates label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--texte-doux)}.periode-dates input{padding:7px 10px;border:1px solid var(--bordure);border-radius:8px;outline:none}.periode-resume{margin-left:auto}.ratio-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.ratio-label{width:220px;font-size:13px;flex-shrink:0}.ratio-track{position:relative;flex:1;background:var(--fond);border-radius:6px;height:22px;overflow:visible}.ratio-fill{background:var(--bleu);height:100%;border-radius:6px 0 0 6px;transition:width .2s}.ratio-cible{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--navy);border-radius:2px;transform:translate(-1.5px);pointer-events:none}.ratio-val{width:140px;display:flex;flex-direction:column;align-items:flex-end;font-size:12.5px}.ratio-reel{font-weight:700;font-size:14px}.ecart{font-size:11px;padding:1px 7px;border-radius:10px;margin-top:2px}.ecart.ok{background:#e7f7ee;color:var(--vert)}.ecart.mid{background:#fff4e5;color:var(--orange)}.ecart.loin{background:#fef2f2;color:var(--rouge)}.actif-toggle{display:inline-flex;cursor:pointer}.actif-toggle input{width:18px;height:18px;cursor:pointer}.actif-toggle input:disabled{cursor:not-allowed;opacity:.5}.creds-bloc{background:var(--blanc);border:1px solid var(--bordure);border-radius:8px;padding:12px 14px;font-size:13.5px;line-height:1.8}.creds-bloc code{background:#f6f7f9;padding:2px 6px;border-radius:4px;font-family:Menlo,Monaco,Courier New,monospace;font-size:12.5px}.chat-page{display:flex;flex-direction:column;height:100%}.chat-shell{display:flex;flex-direction:column;flex:1;background:var(--blanc);border:1px solid var(--bordure);border-radius:12px;overflow:hidden;min-height:0}.chat-messages{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:14px}.chat-empty{margin:auto;text-align:center;max-width:460px;padding:30px 10px;color:var(--texte-doux)}.chat-exemples{display:flex;flex-direction:column;gap:8px;margin-top:18px;align-items:stretch}.chat-exemple{border:1px solid var(--bordure);background:var(--fond);padding:9px 12px;border-radius:8px;text-align:left;color:var(--texte);font-size:13px}.chat-exemple:hover{background:#eef0f4}.chat-exemple:disabled{opacity:.6;cursor:default}.chat-msg{display:flex;flex-direction:column;gap:4px;max-width:720px}.chat-msg-user{align-self:flex-end;align-items:flex-end}.chat-msg-assistant{align-self:flex-start}.chat-msg-erreur{align-self:stretch}.chat-role{font-size:11px;color:var(--texte-doux);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.chat-bulle{padding:11px 14px;border-radius:12px;white-space:pre-wrap;line-height:1.55;font-size:14px}.chat-msg-user .chat-bulle{background:var(--bleu);color:#fff;border-bottom-right-radius:4px}.chat-msg-assistant .chat-bulle{background:var(--fond);color:var(--texte);border-bottom-left-radius:4px}.chat-msg-erreur .chat-bulle{background:#fef2f2;color:var(--rouge);border:1px solid #f3c9c9}.chat-bulle-attente{color:var(--texte-doux);font-style:italic}.chat-points{display:inline-block;animation:chat-pulse 1.4s ease-in-out infinite;letter-spacing:2px;font-style:normal}@keyframes chat-pulse{0%,to{opacity:.3}50%{opacity:1}}.chat-outils{margin-top:2px;font-size:11px;font-style:italic}.chat-events{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.chat-event{font-size:11px;padding:2px 9px;border-radius:12px;background:var(--fond);border:1px solid var(--bordure);color:var(--texte-doux)}.chat-event.ok{background:#e7f7ee;color:var(--vert);border-color:#bae7c8}.chat-event.ko{background:#fef2f2;color:var(--rouge);border-color:#f3c9c9}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--bordure);background:var(--fond)}.chat-input textarea{flex:1;border:1px solid var(--bordure);background:var(--blanc);border-radius:8px;padding:10px 12px;resize:none;font-size:14px;outline:none;line-height:1.4}.chat-input textarea:focus{border-color:var(--bleu)}.chat-input .btn-primary{align-self:flex-end}.planif{background:#fafbfd;border:1px solid var(--bordure);border-radius:10px;padding:12px 14px;margin-bottom:14px}.planif-titre{font-size:12px;font-weight:700;color:var(--texte-doux);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px}.planif .field{margin-bottom:10px}.planif .field:last-child{margin-bottom:0}.perfs{margin-top:6px;margin-bottom:16px}.perfs h3{font-size:13px;color:var(--texte-doux);margin-bottom:10px}.perf-bloc{background:var(--fond);border:1px solid var(--bordure);border-radius:10px;padding:12px;margin-bottom:10px}.perf-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.perf-meta .tag{text-transform:capitalize}.perf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.perf-cell{background:var(--blanc);border:1px solid var(--bordure);border-radius:8px;padding:8px 10px;text-align:center}.perf-num{font-weight:700;font-size:15px}.perf-key{font-size:11px;color:var(--texte-doux);text-transform:capitalize;margin-top:2px}