:root{--bg: #F4F6FB;--surface: #FFFFFF;--surface-2: #F7F8FC;--row-hover: #EEF1F8;--ink: #10182B;--ink-soft: #57627D;--ink-faint: #8B96AC;--ink-ghost: #C6CCDE;--line: #E3E7F1;--line-strong: #CDD4E6;--blue: #005BEA;--blue-dark: #0041A8;--blue-tint: #EAF1FF;--blue-tint-line: #BFD8FF;--blue-navy: #001538;--logo-blue: #4794F0;--status-a-faire: #667089;--status-en-cours: #B5730A;--status-terminee: #147A4B;--status-bloquee: #C22F2F;--status-reportee: #6E3FCB;--shadow-sm: 0 1px 2px rgba(16,24,48,.05);--shadow-md: 0 8px 24px rgba(16,24,48,.1), 0 2px 6px rgba(16,24,48,.06);--radius: 8px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0B0F16;--surface: #10141C;--surface-2: #151B24;--row-hover: #1A212C;--ink: #FFFFFF;--ink-soft: #B0BAD0;--ink-faint: #6D7A96;--ink-ghost: #333D50;--line: #232B37;--line-strong: #303948;--blue: #4C8DFF;--blue-dark: #2F6FE0;--blue-tint: rgba(76,141,255,.14);--blue-tint-line: rgba(76,141,255,.35);--logo-blue: #6FA3FF;--status-a-faire: #98A2B8;--status-en-cours: #EFA94A;--status-terminee: #45CE93;--status-bloquee: #F0716C;--status-reportee: #A688F2;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 10px 28px rgba(0,0,0,.45);color-scheme:dark}}:root[data-theme=dark]{--bg: #0B0F16;--surface: #10141C;--surface-2: #151B24;--row-hover: #1A212C;--ink: #FFFFFF;--ink-soft: #B0BAD0;--ink-faint: #6D7A96;--ink-ghost: #333D50;--line: #232B37;--line-strong: #303948;--blue: #4C8DFF;--blue-dark: #2F6FE0;--blue-tint: rgba(76,141,255,.14);--blue-tint-line: rgba(76,141,255,.35);--logo-blue: #6FA3FF;--status-a-faire: #98A2B8;--status-en-cours: #EFA94A;--status-terminee: #45CE93;--status-bloquee: #F0716C;--status-reportee: #A688F2;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 10px 28px rgba(0,0,0,.45);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;transition:background-color .15s ease,color .15s ease}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}button,input,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.6rem 1rem;font-weight:600;background:var(--blue);color:#fff;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;min-height:40px}button:hover{background:var(--blue-dark)}button:active{transform:translateY(1px)}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button.ghost:hover{background:var(--surface-2)}button.danger{background:var(--status-bloquee)}button.danger:hover{filter:brightness(.9)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}input,textarea,select{border:1px solid var(--line);border-radius:var(--radius);padding:.55rem .7rem;background:var(--surface);color:var(--ink);width:100%;min-height:40px}input:focus,textarea:focus,select:focus{outline:2px solid var(--blue);outline-offset:1px}input::placeholder,textarea::placeholder{color:var(--ink-faint)}.logo{display:block;height:34px;width:auto;max-width:100%;object-fit:contain;align-self:flex-start;flex-shrink:0}.logo-sm{height:26px;width:auto;object-fit:contain}.logo-login{height:46px;width:auto;object-fit:contain;margin:0 auto 1rem}.avatar-img{border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid rgba(0,0,0,.06)}.avatar{width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-shell{display:flex;height:100vh;overflow:hidden}.rail{width:60px;flex-shrink:0;transition:width .16s ease;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:.85rem 0;gap:0;overflow:visible}.rail.expanded{width:212px;align-items:stretch;padding:.85rem .7rem}.rail-logo{width:34px;height:34px;border-radius:8px;overflow:hidden;flex-shrink:0;align-self:center;margin-bottom:.6rem}.rail.expanded .rail-logo{align-self:flex-start;width:auto;height:36px;border-radius:0;overflow:visible;margin-bottom:1.1rem;margin-left:.1rem}.rail-logo-img{display:block;width:34px;height:34px;object-fit:cover;object-position:0% 50%}.rail.expanded .rail-logo-img{width:auto;height:36px;object-fit:contain;object-position:left center}.rail-toggle{width:26px;height:26px;min-width:0;min-height:0;padding:0;border-radius:7px;margin-bottom:.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--blue);border:1px solid var(--blue);color:#fff;cursor:pointer}.rail-toggle:hover{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}.rail-toggle svg{width:13px;height:13px;transition:transform .16s ease;transform:rotate(-90deg)}.rail.expanded .rail-toggle{align-self:flex-end}.rail.expanded .rail-toggle svg{transform:rotate(90deg)}.rail-nav{display:flex;flex-direction:column;gap:.2rem;width:100%;align-items:center}.rail-btn{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--ink);cursor:pointer;transition:all .12s;position:relative;padding:0;min-height:40px;flex-shrink:0}.rail-btn svg{width:18px;height:18px}.rail-btn:hover{background:var(--row-hover);color:var(--ink)}.rail-btn.on{background:var(--blue-tint);color:var(--blue);border-color:var(--blue-tint-line)}.rail-btn:active{transform:none}.rail-logout{color:var(--status-bloquee)!important}.rail-logout:hover{color:var(--status-bloquee)!important;background:#c22f2f14}:root[data-theme=dark] .rail-logout,:root[data-theme=dark] .rail-logout:hover{border-color:#fff3}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .rail-logout,:root:not([data-theme=light]) .rail-logout:hover{border-color:#fff3}}.rail-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--status-bloquee);border:2px solid var(--surface)}.rail-badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:var(--status-bloquee);color:#fff;border:2px solid var(--surface);font-size:.62rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.rail.expanded .rail-badge{position:static;margin-left:auto;border:none}.rail-spacer{flex:1}.rail-bottom{display:flex;flex-direction:column;gap:.3rem;align-items:center;width:100%}.rail-avatar-btn{padding:0;background:transparent;border:1px solid transparent;border-radius:9px;width:40px;height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;color:var(--ink)}.rail-avatar-btn:hover{background:var(--row-hover)}.rail-label{display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail.expanded .rail-nav,.rail.expanded .rail-bottom{align-items:stretch}.rail.expanded .rail-btn,.rail.expanded .rail-avatar-btn{width:100%;justify-content:flex-start;gap:.6rem;padding:0 .6rem}.rail.expanded .rail-label{display:inline;font-size:.82rem;font-weight:500}.mobile-bar,.sidebar-scrim{display:none}.notif-wrap{position:relative}.notif-panel{position:absolute;bottom:0;left:calc(100% + 8px);width:min(320px,calc(100vw - 5rem));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:.8rem;z-index:50;max-height:min(60vh,calc(100vh - 2rem));overflow-y:auto;color:var(--ink)}.notif-item{padding:.55rem .5rem;border-radius:8px;font-size:.85rem;cursor:pointer;margin-bottom:.2rem}.notif-item.unread{background:#e08e1d1f}.notif-item:hover{background:var(--row-hover)}.notif-item .when{color:var(--ink-soft);font-size:.75rem}.notif-page-toolbar{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.notif-page-filters{display:flex;gap:.3rem;flex-wrap:wrap}.notif-filter-btn{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line);font-size:.78rem;font-weight:600;padding:.35rem .7rem;border-radius:6px;cursor:pointer;transition:all .12s;min-height:32px}.notif-filter-btn.on{background:var(--blue-tint);color:var(--blue);border-color:var(--blue-tint-line)}.notif-filter-btn:hover:not(.on){background:var(--surface-2);color:var(--ink)}.notif-page-actions{display:flex;align-items:center;gap:.6rem}.notif-page-count{font-size:.85rem;color:var(--ink-soft)}.notif-mark-btn{font-size:.8rem;padding:.3rem .6rem;min-height:30px}.notif-page-list{display:flex;flex-direction:column;gap:.4rem;max-width:720px}.notif-page-item{display:flex;gap:.6rem;align-items:flex-start;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:background .1s}.notif-page-item:hover{background:var(--row-hover)}.notif-page-item.unread{border-color:var(--blue-tint-line);background:var(--blue-tint)}.notif-page-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:.4rem;flex-shrink:0}.notif-page-body{flex:1;font-size:.88rem;color:var(--ink)}.notif-page-body .when{color:var(--ink-faint);font-size:.75rem;margin-top:.25rem}.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{flex-shrink:0;min-height:60px;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding:.7rem 1.4rem;border-bottom:1px solid var(--line);background:var(--surface)}.tb-title h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;line-height:1.15}.tb-sub{margin:.1rem 0 0;font-size:.74rem;color:var(--ink-faint)}.tb-sep{width:1px;height:24px;background:var(--line);flex-shrink:0}.view-tabs{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:2px;gap:2px;flex-shrink:0}.view-tab{border:none;background:transparent;color:var(--ink-faint);font-size:.78rem;font-weight:600;padding:.38rem .75rem;border-radius:6px;cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:.35rem;min-height:32px}.view-tab svg{width:14px;height:14px}.view-tab.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.view-tab:hover:not(.on){background:var(--row-hover);color:var(--ink-soft)}.view-tab.on:hover{background:var(--surface);color:var(--ink)}.tb-spacer{flex:1;min-width:.5rem}.tb-select{min-height:38px;padding:.4rem .6rem;font-size:.82rem;width:auto;min-width:170px}.tb-cta{display:inline-flex;align-items:center;gap:.35rem;font-size:.84rem;min-height:38px;box-shadow:0 2px 8px #005bea47}.tb-cta svg{width:15px;height:15px}.workspace{flex:1;display:flex;overflow:hidden;min-height:0}.workspace[data-active=list] .listpane{width:auto;flex:1}.listpane{width:320px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--surface);overflow:hidden}.lp-search{padding:.6rem .7rem;border-bottom:1px solid var(--line);flex-shrink:0}.lp-search-box{display:flex;align-items:center;gap:.4rem;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;padding:.4rem .6rem;color:var(--ink-faint)}.lp-search-box svg{width:14px;height:14px;flex-shrink:0}.lp-search-box input{border:none;background:none;outline:none;min-height:0;padding:0;width:100%;color:var(--ink);font-size:.8rem}.lp-status-filter{width:100%;margin-top:.5rem;min-height:34px;padding:.35rem .5rem;font-size:.8rem}.lp-scroll{flex:1;overflow-y:auto;padding:.4rem .5rem .8rem}.lp-group{margin-bottom:.1rem}.lp-group-h{display:flex;align-items:center;gap:.4rem;padding:.5rem .4rem .3rem;cursor:pointer;-webkit-user-select:none;user-select:none}.lp-caret{width:12px;height:12px;color:var(--ink-ghost);transition:transform .15s;flex-shrink:0}.lp-group.collapsed .lp-caret{transform:rotate(-90deg)}.lp-group.collapsed .lp-rows{display:none}.lp-gdot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.lp-gname{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.lp-gn{margin-left:auto;font-size:.66rem;color:var(--ink-ghost);font-variant-numeric:tabular-nums}.lp-rows{display:flex;flex-direction:column;gap:1px}.lp-empty{font-size:.76rem;color:var(--ink-ghost);padding:.3rem 1rem .6rem}.task-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .55rem;border-radius:7px;cursor:pointer;border:1px solid transparent;transition:background .1s}.task-row:hover{background:var(--row-hover)}.task-row.on{background:var(--blue-tint);border-color:var(--blue-tint-line)}.task-row-prio{width:3px;align-self:stretch;border-radius:2px;flex-shrink:0}.task-row-body{min-width:0;flex:1}.task-row-title{font-size:.81rem;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row-meta{font-size:.68rem;color:var(--ink-faint);margin-top:.1rem;display:flex;gap:.3rem;align-items:center}.task-row-meta .late{color:var(--status-bloquee);font-weight:600}.detailpane{flex:1;overflow-y:auto;min-width:0;background:var(--bg)}.dp-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-ghost);gap:.5rem;text-align:center;font-size:.85rem}.dp{display:flex;flex-direction:column;height:100%;background:var(--bg)}.dp-overlay{width:min(480px,100%);box-shadow:-8px 0 24px #00000026;border-left:1px solid var(--line)}.dp-head-bar{flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--line);background:var(--surface)}.dp-crumb{font-size:.74rem;color:var(--ink-faint)}.dp-crumb b{font-weight:700}.dp-back{display:none}.dp-acts{margin-left:auto;display:flex;gap:.4rem}.dp-btn{width:32px;height:32px;min-height:0;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.dp-btn svg{width:15px;height:15px}.dp-btn:hover{background:var(--row-hover);color:var(--ink)}.dp-btn.danger{background:var(--status-bloquee);border-color:var(--status-bloquee);color:#fff}.dp-btn.danger:hover{filter:brightness(.9)}.dp-scroll{flex:1;overflow-y:auto;padding:1.1rem 1.5rem 2rem}.dp-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.015em;line-height:1.3;text-wrap:balance;margin-bottom:.3rem;max-width:62ch}.dp-creator{font-size:.8rem;color:var(--ink-soft);margin-bottom:.6rem}.dp-creator strong{color:var(--ink);font-weight:600}.dp-desc{color:var(--ink-soft);font-size:.87rem;line-height:1.6;margin:0 0 1.1rem;max-width:72ch}.dp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem 1.2rem;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.2rem}.dp-grid .field{margin-bottom:0}.dp-sec{margin-bottom:1.2rem}.dp-sec-h{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.5rem}.comment-edited{font-size:.7rem;color:var(--ink-faint);font-style:italic}.comment-edit-btn{margin-left:auto;background:transparent;border:none;color:var(--ink-ghost);cursor:pointer;padding:.15rem;min-height:0;border-radius:4px;display:flex;align-items:center;justify-content:center}.comment-edit-btn svg{width:13px;height:13px}.comment-edit-btn:hover{color:var(--blue);background:var(--blue-tint)}.comment-edit-area{margin:.4rem 0 .3rem}.comment-edit-area textarea{width:100%;resize:vertical;min-height:60px;font-size:.85rem;border:1px solid var(--blue);border-radius:6px;padding:.5rem;background:var(--surface);color:var(--ink)}.comment-edit-actions{display:flex;gap:.4rem;margin-top:.35rem}.comment-edit-actions button{font-size:.78rem;padding:.3rem .6rem;min-height:30px}.comment-original{margin-top:.35rem}.comment-original-toggle{background:transparent;border:none;color:var(--blue);cursor:pointer;font-size:.72rem;font-weight:600;padding:0;min-height:0;text-decoration:underline}.comment-original-toggle:hover{color:var(--blue-dark)}.comment-original-text{margin-top:.3rem;padding:.5rem .6rem;background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:6px;font-size:.82rem;color:var(--ink-soft);font-style:italic}.status-tabs{display:flex;gap:.4rem;flex-wrap:wrap;padding:.8rem 1.4rem 0;flex-shrink:0}.status-tabs button{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line);font-size:.82rem;padding:.38rem .75rem;display:inline-flex;align-items:center;gap:.4rem;min-height:34px}.status-tabs button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.board-search-box{display:flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:0 .6rem;color:var(--ink-faint);min-height:34px;min-width:200px}.board-search-box svg{width:14px;height:14px;flex-shrink:0}.board-search-box input{border:none;background:none;outline:none;min-height:0;padding:0;width:100%;color:var(--ink);font-size:.8rem}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;align-items:start;padding:.9rem 1.4rem 1.4rem;overflow:auto;flex:1}.column{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;gap:.55rem;min-height:180px;min-width:0}.column.drop-target{background:var(--blue-tint);border-color:var(--blue)}.column-head{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.78rem;letter-spacing:.02em;text-transform:uppercase;color:var(--sc, var(--ink))}.column-head .count{margin-left:auto;color:var(--ink-ghost);font-weight:600;font-size:.72rem;text-transform:none;letter-spacing:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;cursor:pointer;overflow:hidden;transition:border-color .12s,box-shadow .12s,transform .12s;min-width:0}.card:hover{border-color:color-mix(in srgb,var(--sc, var(--blue)) 45%,var(--line));box-shadow:var(--shadow-md);transform:translateY(-1px)}.card.dragging{opacity:.4}.card-body{padding:.6rem .7rem .5rem}.card-meta{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem}.card-team{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:.05rem .4rem}.card-recurrence{font-size:.62rem;font-weight:600;color:var(--status-reportee);background:#6e3fcb1a;padding:.1rem .35rem;border-radius:4px}.card-prio{font-size:.64rem;font-weight:700;letter-spacing:.02em;margin-left:auto}.card-title{font-weight:500;font-size:.83rem;line-height:1.4;color:var(--ink)}.card-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.tag{display:inline-block;background:var(--blue-tint);color:var(--blue-dark);border-radius:4px;padding:.06rem .4rem;font-size:.66rem;font-weight:600}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.45rem .7rem;background:var(--surface-2);border-top:1px solid var(--line);font-size:.72rem;color:var(--ink-faint);min-width:0}.card-who{display:flex;align-items:center;gap:.35rem;min-width:0;overflow:hidden}.card-who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-date{flex-shrink:0}.badge-late{color:var(--status-bloquee);font-weight:600}.empty{color:var(--ink-faint);font-size:.85rem;padding:1rem 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b142873;display:flex;justify-content:flex-end;z-index:40}.panel{display:flex;flex-direction:column;background:var(--bg);width:min(480px,100%);height:100%;box-shadow:-8px 0 24px #00000026}.panel-narrow{width:min(420px,100%)}.panel .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.6rem;flex-wrap:wrap}.panel-head{flex-shrink:0;padding:1.6rem 1.6rem 1rem;background:var(--bg);border-bottom:1px solid var(--line)}.panel-head.row{margin-bottom:0}.panel-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.2rem 1.6rem 1.6rem}.field{margin-bottom:1rem}.field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.3rem;color:var(--ink-soft)}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--surface-2)}.file-row,.comment{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:.6rem .7rem;margin-bottom:.5rem;font-size:.88rem}.file-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.file-row a{color:var(--blue-dark);font-weight:600;text-decoration:none;cursor:pointer;word-break:break-all}.file-row a:hover{text-decoration:underline}.comment .comment-head{display:flex;align-items:center;gap:.4rem;margin-bottom:.15rem}.comment .author{font-weight:600;font-size:.82rem}.comment .when{color:var(--ink-soft);font-size:.75rem}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--blue-navy);padding:1.5rem 1rem}.login-card{background:#fff;border-radius:14px;padding:2.2rem;width:min(400px,100%);box-shadow:0 20px 60px #00081859}.login-card p{margin:0 0 1.4rem;color:#57627d}.login-card .field{margin-bottom:.9rem}.login-card .field label{color:#384158}.login-card input{background:#fff;border:1px solid #DDE2EF;color:#10182b}.login-card input:focus{outline-color:#005bea}.login-card input::placeholder{color:#a7b0c4}.login-error{color:var(--status-bloquee);font-size:.85rem;margin-bottom:.8rem}.login-card button.ghost{color:#384158;border-color:#dde2ef}.login-card button.ghost:hover{background:#f4f6fb;color:#10182b}.password-wrap{position:relative}.password-wrap input{padding-right:2.5rem}.password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:.2rem;min-height:0;color:#8b96ac;cursor:pointer;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#384158}.password-toggle svg{width:18px;height:18px}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b14288c;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .12s ease}.confirm-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.6rem;width:min(400px,calc(100% - 2rem));box-shadow:0 20px 60px #0000004d;animation:slideUp .15s ease}.confirm-title{margin:0 0 .5rem;font-size:1.05rem;font-family:var(--font-display)}.confirm-msg{margin:0 0 1.2rem;color:var(--ink-soft);font-size:.9rem;line-height:1.5}.confirm-actions{display:flex;gap:.5rem;justify-content:flex-end}.confirm-actions button{min-width:90px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-demo-hint{background:#eaf1ff;border:1px dashed #005BEA;border-radius:10px;padding:.65rem .8rem;margin-bottom:1rem;font-size:.8rem;color:#10182b;line-height:1.45}.login-demo-hint strong{color:#0041a8}.demo-account-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.demo-account-btn{flex:1;padding:.4rem .5rem;min-height:34px;font-size:.74rem;font-weight:600;color:#0041a8;border-color:#bfd8ff;background:#fff;white-space:nowrap}.demo-account-btn:hover{background:#f3f7ff}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:1rem}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cal-head{font-size:.75rem;font-weight:600;color:var(--ink-faint);text-align:center;padding-bottom:.3rem}.cal-cell{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:90px;padding:.35rem;font-size:.78rem;min-width:0}.cal-cell.other-month{background:transparent;border-style:dashed;opacity:.5}.cal-cell .num{font-weight:600;margin-bottom:.25rem}.cal-task{border-radius:5px;padding:.12rem .35rem;margin-bottom:.2rem;color:#fff;font-size:.72rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-body{padding:.9rem 1.4rem 1.6rem;overflow-y:auto;flex:1}.stats-toolbar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem;align-items:center}.stats-toolbar select{width:auto;min-width:160px;max-width:100%}.stats-caption{color:var(--ink-soft);margin:0 0 1.2rem;font-size:.85rem}.export-buttons{display:flex;gap:.5rem;margin-left:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.6rem}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}.stat-card .num{font-family:var(--font-display);font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-card .label{color:var(--ink-soft);font-size:.82rem}.chart-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.4rem}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;min-width:0}.chart-card h3{margin:0 0 .8rem;font-size:.95rem}.settings-tabs{display:flex;gap:.3rem;margin-bottom:1.2rem;flex-wrap:wrap}.settings-tab{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line);font-size:.82rem;font-weight:600;padding:.45rem .9rem;border-radius:8px;cursor:pointer;transition:all .12s;min-height:36px}.settings-tab.on{background:var(--blue-tint);color:var(--blue);border-color:var(--blue-tint-line)}.settings-tab:hover:not(.on){background:var(--surface-2);color:var(--ink)}.settings-placeholder{text-align:center;padding:3rem 1.5rem;max-width:420px;margin:2rem auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.settings-placeholder-icon{font-size:2.5rem;margin-bottom:.6rem}.settings-placeholder h3{margin:0 0 .4rem;font-size:1.05rem}.settings-placeholder p{color:var(--ink-soft);font-size:.88rem;margin:0 0 1rem;line-height:1.5}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.users-table th,.users-table td{text-align:left;padding:.5rem .6rem;font-size:.82rem;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}.users-table th{color:var(--ink-soft);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.users-table tr:last-child td{border-bottom:none}.cell-email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn-cell{display:flex;flex-direction:column;gap:.15rem}.conn-times{font-size:.7rem;color:var(--ink-soft);line-height:1.3;white-space:nowrap}.table-actions{display:flex;gap:.3rem;flex-wrap:nowrap}.table-actions button{font-size:.74rem;padding:.25rem .45rem;min-height:28px;white-space:nowrap}.role-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--blue-tint);color:var(--blue-dark)}.pill{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.pill-ok{background:#147a4b24;color:var(--status-terminee)}.pill-warn{background:#b5730a24;color:var(--status-en-cours)}.pill-blocked{background:#c22f2f21;color:var(--status-bloquee)}.pill-online{background:#147a4b24;color:var(--status-terminee)}.pill-offline{background:var(--surface-2);color:var(--ink-faint);border:1px solid var(--line)}.credentials-box{background:var(--blue-tint);border:1px dashed var(--blue);border-radius:var(--radius);padding:1rem;margin-top:1rem}.credentials-box .row{margin-bottom:.4rem;font-size:.9rem;word-break:break-word}.credentials-box strong{font-family:var(--font-display)}.fiche-link{background:transparent;color:var(--ink);display:inline-flex;align-items:center;gap:.5rem;padding:.2rem .3rem;min-height:0;font-weight:600}.fiche-link:hover{background:var(--row-hover)}.fiche-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.fiche-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.fiche-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.2rem;padding:1rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.3rem}.fiche-k{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.2rem}.fiche-v{font-size:.88rem;color:var(--ink)}.fiche-sec{margin-bottom:1.4rem}.fiche-sec h3{margin:0 0 .6rem;font-size:.92rem}.fiche-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.fiche-list li{font-size:.85rem;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:.4rem .6rem}.profile-page{display:flex;flex-direction:column;gap:1rem;max-width:520px}.profile-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem}.profile-card h3{margin:0 0 .9rem;font-size:1rem}.profile-avatar-row{display:flex;align-items:center;gap:1.1rem}.profile-success{color:var(--status-terminee);background:#147a4b1a;border-radius:8px;padding:.5rem .7rem;font-size:.85rem;margin-bottom:.8rem}.file-label{display:inline-flex;align-items:center;cursor:pointer}.role-tag{display:inline-block;font-size:.72rem;font-weight:700;color:var(--logo-blue);margin-top:.15rem}.filters{display:flex;gap:.6rem;flex-wrap:wrap}.filters select,.filters input{width:auto;min-width:160px;max-width:100%}@media (min-width: 1600px){.dp-scroll{max-width:720px}}@media (max-width: 1200px){.board{grid-template-columns:repeat(5,minmax(215px,1fr));overflow-x:auto}}@media (max-width: 1024px){.listpane{width:270px}.board{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-grid,.dp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fiche-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:.5rem}.tb-select,.tb-cta{flex:1;min-width:140px}.panel{width:92%;max-width:640px}}@media (max-width: 768px){.settings-tabs,.table-actions{flex-wrap:wrap}.table-actions button{flex:1 1 auto;min-width:70px}.profile-page{max-width:100%}.credentials-box{font-size:.85rem}.credentials-box strong{word-break:break-all}}@media (max-width: 820px){.app-shell{flex-direction:column}.mobile-bar{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line);padding:.7rem 1rem;position:sticky;top:0;z-index:30;flex-shrink:0}.mobile-brand{font-family:var(--font-display);font-weight:700;font-size:.95rem}.burger{background:transparent;border:1px solid var(--line);color:var(--ink);font-size:1.1rem;padding:.3rem .7rem;min-height:38px}.burger:hover{background:var(--row-hover)}.rail{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:45;transform:translate(-100%);transition:transform .22s ease;overflow-y:auto;flex-direction:column;align-items:stretch;padding:1rem}.rail.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b142873;z-index:44}.rail-logo{align-self:flex-start;margin-bottom:1.2rem;width:auto;height:32px;border-radius:0;overflow:visible}.rail-logo-img{width:auto;height:32px;object-fit:contain;object-position:left center}.rail-toggle{display:none}.rail-nav,.rail-bottom{align-items:stretch}.rail-btn{width:100%;justify-content:flex-start;gap:.6rem;padding:0 .6rem}.rail-avatar-btn{width:100%;justify-content:flex-start;gap:.6rem;padding:.3rem .5rem}.rail-label{display:inline;font-size:.82rem;font-weight:500}.notif-panel{position:fixed;top:auto;left:1rem;right:1rem;bottom:1rem;width:auto}.main{min-height:0}.topbar{padding:.6rem 1rem}.status-tabs{padding:.7rem 1rem 0}.board{padding:.7rem 1rem 1.2rem}.dp-scroll{padding:1rem 1rem 1.6rem}.view-body{padding:.9rem 1rem 1.2rem}.workspace{position:relative}.workspace[data-active=list] .listpane{width:100%;flex:1}.listpane{width:100%;border-right:none}.detailpane{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);transform:translate(100%);transition:transform .2s ease}.workspace[data-active=detail] .detailpane{transform:translate(0)}.workspace[data-active=detail] .listpane{display:none}.dp-back{display:flex}.board{grid-auto-flow:column;grid-auto-columns:80%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:.75rem}.column{scroll-snap-align:start}.calendar{gap:3px}.cal-cell{min-height:66px;padding:.25rem;font-size:.7rem}.cal-task{font-size:.62rem;padding:.1rem .25rem}.panel{width:100%}.panel-head{padding:1.1rem 1.1rem .8rem}.panel-body{padding:1rem 1.1rem 1.4rem}.export-buttons{margin-left:0;width:100%}.export-buttons button{flex:1}.stats-toolbar select{width:100%;min-width:0}.filters select,.filters input{width:100%}.users-table,.users-table thead,.users-table tbody,.users-table tr,.users-table th,.users-table td{display:block}.users-table{border:none;background:transparent}.users-table thead{display:none}.users-table tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.7rem;padding:.3rem .2rem}.users-table td{border-bottom:none;white-space:normal;display:flex;justify-content:space-between;gap:1rem;padding:.4rem .8rem}.users-table td:before{content:attr(data-label);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-soft);flex-shrink:0}.table-actions{justify-content:flex-end}.cell-email{max-width:none}.conn-cell{align-items:flex-end}.conn-times{text-align:right}.notif-page-toolbar{gap:.4rem}.notif-page-actions{flex-wrap:wrap}}@media (max-width: 420px){.board{grid-auto-columns:88%}.dp-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.stat-card{padding:.8rem}.stat-card .num{font-size:1.45rem}.login-card{padding:1.5rem 1.2rem}.status-tabs button{font-size:.8rem;padding:.35rem .6rem}}.sec-stats{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.4rem}.sec-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1.1rem;min-width:140px}.sec-stat-n{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--ink)}.sec-stat-l{font-size:.78rem;color:var(--ink-soft);margin-top:.15rem}.sec-blocked-card{display:flex;align-items:center;gap:.4rem;background:#c22f2f14;border:1px solid rgba(194,47,47,.2);border-radius:8px;padding:.4rem .5rem .4rem .7rem;font-size:.85rem}.sec-blocked-card button{font-size:.74rem;padding:.25rem .5rem;min-height:28px}.sec-concurrent-card{display:flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.4rem .7rem;font-size:.85rem}.sec-concurrent-card.warn{background:#b5730a14;border-color:#b5730a40}.files-toolbar{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.files-toolbar .tb-spacer{flex:1}.preview-panel{width:90%;max-width:900px}.preview-body{display:flex;align-items:center;justify-content:center;min-height:300px;max-height:75vh;padding:1rem;overflow:auto}.preview-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:6px}.preview-frame{width:100%;height:70vh;border:none;border-radius:6px}.chat-page{flex:1;display:flex;overflow:hidden;min-height:0}.chat-sidebar{width:300px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--surface);overflow:hidden}.chat-sidebar-head{padding:.8rem;display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid var(--line)}.chat-oversight-toggle{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--ink-soft)}.chat-oversight-toggle input{width:auto}.chat-requests{border-bottom:1px solid var(--line);padding:.6rem .8rem;background:var(--blue-tint)}.chat-requests-h{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--blue-dark);margin-bottom:.4rem}.chat-request{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.5rem .6rem;margin-bottom:.4rem;font-size:.82rem}.chat-request-actions{display:flex;gap:.4rem;margin-top:.4rem}.chat-request-actions button{font-size:.76rem;padding:.3rem .6rem;min-height:28px}.chat-list{flex:1;overflow-y:auto}.chat-list-item{width:100%;display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;background:transparent;color:var(--ink);border-radius:0;text-align:left}.chat-list-item:hover{background:var(--row-hover)}.chat-list-item.on{background:var(--blue-tint)}.chat-group-icon{width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.chat-list-item-body{min-width:0}.chat-list-item-name{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-item-sub{font-size:.72rem;color:var(--ink-faint)}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-thread-head{padding:.8rem 1.1rem;border-bottom:1px solid var(--line);font-weight:700;font-size:.95rem}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.chat-bubble-row{display:flex}.chat-bubble-row.mine{justify-content:flex-end}.chat-bubble{max-width:70%;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:.5rem .7rem;font-size:.86rem}.chat-bubble-row.mine .chat-bubble{background:var(--blue-tint);border-color:var(--blue-tint-line)}.chat-bubble-author{font-size:.72rem;font-weight:700;color:var(--blue-dark);margin-bottom:.2rem}.chat-bubble-text{white-space:pre-wrap;word-break:break-word}.chat-bubble-meta{font-size:.68rem;color:var(--ink-faint);margin-top:.25rem;display:flex;align-items:center;gap:.35rem}.chat-edit-btn{background:transparent;border:none;color:var(--ink-faint);padding:0;min-height:0;width:14px;height:14px}.chat-edit-btn svg{width:12px;height:12px}.chat-edit-btn:hover{background:transparent;color:var(--blue)}.chat-edit-area textarea{font-size:.86rem}.chat-edit-actions{display:flex;gap:.3rem;margin-top:.3rem}.chat-edit-actions button{padding:.25rem .4rem;min-height:26px}.chat-edit-actions button svg{width:13px;height:13px}.chat-file-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.35rem .6rem;font-size:.8rem;color:var(--ink)}.chat-file-chip svg{width:13px;height:13px}.chat-file-chip span{color:var(--ink-faint);font-size:.7rem}.chat-composer{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-top:1px solid var(--line);flex-wrap:wrap}.chat-composer input[type=text],.chat-composer input:not([type]){flex:1}.chat-attach-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;cursor:pointer;color:var(--ink-soft)}.chat-attach-btn:hover{background:var(--row-hover)}.chat-attach-btn svg{width:16px;height:16px}.chat-file-pending{width:100%;font-size:.78rem;color:var(--ink-soft);display:flex;align-items:center;gap:.4rem}.chat-readonly{padding:.8rem;text-align:center;color:var(--ink-faint);font-size:.82rem;border-top:1px solid var(--line)}.chat-picker-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.chat-picker-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .3rem;border-radius:6px;font-size:.86rem;cursor:pointer}.chat-picker-item:hover{background:var(--row-hover)}.chat-picker-item input{width:auto}.chat-back-btn{display:none}@media (max-width: 820px){.chat-page{position:relative}.chat-sidebar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:2;transition:transform .2s ease;background:var(--surface)}.chat-page[data-active=thread] .chat-sidebar{transform:translate(-100%)}.chat-main{width:100%}.chat-back-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid var(--line);color:var(--ink);margin-right:.5rem;min-height:0;padding:0}.chat-back-btn svg{width:14px;height:14px;transform:rotate(90deg)}.chat-thread-head{display:flex;align-items:center}.chat-bubble{max-width:85%}}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:.7rem 1.4rem;border-radius:8px;font-size:.88rem;font-weight:600;box-shadow:var(--shadow-md);z-index:200;animation:slideUp .2s ease;white-space:nowrap}.login-warning{background:#b5730a1f;border:1px solid rgba(181,115,10,.3);border-radius:var(--radius);padding:.55rem .8rem;font-size:.85rem;color:#b5730a;margin-bottom:.8rem;line-height:1.4}.blocked-box{text-align:center}.blocked-msg{font-size:.92rem;color:#384158;line-height:1.5;margin-bottom:1.2rem}.blocked-sent{background:#147a4b1a;border-radius:var(--radius);padding:.6rem .8rem;font-size:.88rem;color:#147a4b;margin-bottom:1rem}.dp-grid select:disabled,.dp-grid input:disabled{opacity:.5;background:var(--surface-2);cursor:not-allowed;color:var(--ink-faint)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}