:root{--encre:#0c2740;--marine:#1f3864;--bleu:#1e5bcc;--bleu-clair:#2e75b6;--bg:#f5f7fa;--carte:#fff;--texte:#0c2740;--muet:#5b6b7f;--bord:#e2e8f0;--bord-fort:#cbd5e1;--vert:#16a34a;--vert-bg:#eafaf0;--ambre:#d97706;--ambre-bg:#fdf3e3;--rouge:#dc2626;--r:10px;--ombre:0 1px 2px rgba(12,39,64,.06),0 4px 16px rgba(12,39,64,.05)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--texte);font-family:IBM Plex Sans,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}.mono{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.nav{background:var(--encre);color:#fff;flex-direction:column;padding:22px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand,.nav{display:flex}.brand{align-items:center;gap:11px;padding:4px 8px 18px}.brand .mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--bleu),var(--bleu-clair));display:grid;place-items:center;font-weight:700;font-size:15px;color:#fff}.brand .wm{font-weight:600;font-size:15px}.brand .wm small{display:block;font-weight:400;font-size:11px;color:#8aa0bd;font-family:IBM Plex Mono,monospace}.org{display:flex;align-items:center;gap:9px;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.1);border-radius:9px;padding:9px 12px;font-size:13px;font-weight:500;margin-bottom:14px;color:#dbe6f4}.org .o-ic{width:22px;height:22px;border-radius:5px;background:#fff;color:var(--marine);display:grid;place-items:center;font-weight:700;font-size:11px}.nav-group{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6f87a6;padding:12px 8px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;color:#c4d2e4;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-item:hover{background:hsla(0,0%,100%,.06);color:#fff}.nav-item.on{background:var(--bleu);color:#fff}.nav-foot{margin-top:auto;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.1);font-size:12px;color:#8aa0bd}.main{padding:30px 38px 60px;max-width:1180px}.top{margin-bottom:24px}.top h1{font-size:25px;font-weight:600;letter-spacing:-.4px}.top .sub{color:var(--muet);font-size:14px;margin-top:3px}.mb-grid{display:grid;grid-gap:14px;gap:14px}.mb{display:grid;grid-template-columns:5px 1fr;background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);overflow:hidden;box-shadow:var(--ombre)}.mb .bar{background:var(--bleu)}.mb.surv .bar{background:var(--ambre)}.mb.ap .bar{background:var(--bleu-clair)}.mb-body{padding:18px 22px;flex-direction:column}.mb-body,.mb-head{display:flex;gap:10px}.mb-head{align-items:center;flex-wrap:wrap}.mb-mail{font-weight:600;font-size:15.5px;font-family:IBM Plex Mono,monospace}.badge{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px;border:1px solid transparent}.badge.prof{background:#e8f0fd;color:#1a4fb0;border-color:#cfe0fb}.badge.prof.surv{background:#fdf3e3;color:#b06806;border-color:#f6dcae}.badge.mode{background:#f1f5f9;color:var(--muet);border-color:var(--bord)}.badge.mode.auto{background:#eafaf0;color:#127a3a;border-color:#bfe9cf}.mb-note{font-size:13px;color:var(--muet)}.mb-note b{color:var(--marine);font-weight:600}.panel{background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);box-shadow:var(--ombre);overflow:hidden}.panel-h{padding:18px 24px;border-bottom:1px solid var(--bord)}.panel-h h2{font-size:17px;font-weight:600}.panel-h p{font-size:13px;color:var(--muet);margin-top:2px}.row{padding:16px 24px;border-bottom:1px solid var(--bord)}.row:last-child{border-bottom:none}.row h3{font-size:14.5px;font-weight:600}.row p{color:var(--muet);margin-top:3px}.row p,table{font-size:13px}table{width:100%;border-collapse:collapse}th{background:#f7f9fc;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muet);font-weight:600;padding:12px 20px}td{padding:13px 20px;border-top:1px solid var(--bord)}.st{font-size:11.5px;font-weight:600;padding:3px 11px;border-radius:20px}.st.open{background:var(--ambre-bg);color:#b06806}.st.prog{background:#e8f0fd;color:#1a4fb0}.st.done{background:var(--vert-bg);color:#127a3a}.dec{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px}.dec.auto{background:var(--vert-bg);color:#127a3a}.dec.appr{background:#e8f0fd;color:#1a4fb0}.dec.log{background:#f1f5f9;color:var(--muet)}.dec.esc{background:var(--ambre-bg);color:#b06806}.empty{padding:40px 24px;text-align:center;color:var(--muet);font-size:14px}.tag{display:inline-block;font-size:11px;font-weight:600;color:#b06806;background:var(--ambre-bg);border:1px solid #f6dcae;padding:2px 9px;border-radius:6px}.soon{font-size:12px;color:var(--muet);background:#f7f9fc;border:1px dashed var(--bord-fort);border-radius:8px;padding:10px 13px;margin-top:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--encre)}.login-card{background:#fff;border-radius:14px;padding:34px 32px;width:min(380px,92vw);box-shadow:0 20px 60px rgba(0,0,0,.3)}.login-card .mark{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--bleu),var(--bleu-clair));display:grid;place-items:center;color:#fff;font-weight:700;margin-bottom:16px}.login-card h1{font-size:20px;font-weight:600;margin-bottom:4px}.login-card p{font-size:13px;color:var(--muet);margin-bottom:20px}.login-card input{width:100%;border:1px solid var(--bord-fort);border-radius:9px;padding:11px 13px;font-size:14px;margin-bottom:12px}.login-card button{width:100%;background:var(--bleu);color:#fff;border:none;border-radius:9px;padding:12px;font-weight:600;font-size:14px;cursor:pointer}.login-card .err{color:var(--rouge);font-size:12.5px;margin-bottom:10px}@media(max-width:900px){.app{grid-template-columns:1fr}.nav{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.main{padding:20px}}.connect-card{background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);box-shadow:var(--ombre);padding:30px;text-align:center;max-width:560px}.connect-card .ic{width:54px;height:54px;border-radius:13px;background:#e8f0fd;display:grid;place-items:center;margin:0 auto 14px;font-size:24px}.connect-card h2{font-size:18px;font-weight:600;margin-bottom:6px}.connect-card p{font-size:13.5px;color:var(--muet);margin-bottom:20px;line-height:1.55}.btn{background:var(--bleu);color:#fff;border:none;border-radius:9px;padding:11px 22px;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s}.btn:hover{background:#1a4fb0}.btn:disabled{opacity:.6;cursor:wait}.btn-err{color:var(--rouge);font-size:13px;margin-top:14px;line-height:1.5}.connected-banner{display:flex;align-items:center;gap:12px;background:var(--vert-bg);border:1px solid #bfe9cf;border-radius:var(--r);padding:14px 18px;margin-bottom:22px}.connected-banner .chk{width:28px;height:28px;border-radius:50%;background:var(--vert);color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0}.connected-banner b{color:#0f7a37;font-size:14.5px}.connected-banner .sub2{font-size:12.5px;color:#3d7a52;margin-top:1px}.add-form{background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);box-shadow:var(--ombre);padding:22px;max-width:560px}.af-row{margin-bottom:14px}.af-row label{display:block;font-size:12.5px;font-weight:600;color:var(--marine);margin-bottom:6px}.af-row input,.af-row select{width:100%;border:1px solid var(--bord-fort);border-radius:8px;padding:10px 12px;font-size:14px;background:#fff;color:var(--texte)}.af-actions{display:flex;gap:10px;align-items:center;margin-top:18px}.btn-ghost{background:transparent;color:var(--muet);border:1px solid var(--bord-fort);border-radius:9px;padding:11px 18px;font-weight:600;font-size:14px;cursor:pointer}.btn-ghost:hover{background:#f1f5f9}.af-hint{margin-top:14px;font-size:12.5px;color:var(--muet);background:#f7f9fc;border:1px dashed var(--bord-fort);border-radius:8px;padding:10px 13px;line-height:1.5}.mb-actions{gap:14px;flex-wrap:wrap;margin-top:4px}.mb-actions,.mb-mode{display:flex;align-items:center}.mb-mode{font-size:12.5px;color:var(--muet);font-weight:500;gap:7px}.mb-mode select{border:1px solid var(--bord-fort);border-radius:7px;padding:6px 9px;font-size:13px;background:#fff;color:var(--texte);font-weight:500}.mb-del{margin-left:auto;background:transparent;color:var(--rouge);border:1px solid #f3c9c9;border-radius:7px;padding:6px 13px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s}.mb-del:hover{background:#fdeaea}.mb-del:disabled{opacity:.5;cursor:wait}.chip{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;border:1px solid transparent}.chip-cat{background:#e8f0fd;color:#1a4fb0;border-color:#cfe0fb}.chip-spam{background:#fdeaea;color:#b91c1c;border-color:#f3c9c9}.chip-act{background:#f1f5f9;color:var(--muet);border-color:var(--bord)}.prio-h{background:#fdeaea;color:#b91c1c;border-color:#f3c9c9}.prio-m{background:#fdf3e3;color:#b06806;border-color:#f6dcae}.prio-b{background:#f1f5f9;color:var(--muet);border-color:var(--bord)}.chip-done{background:#eafaf0;color:#127a3a;border-color:#bfe9cf}.chip-prop{background:#fdf3e3;color:#b06806;border-color:#f6dcae}.nav-item{position:relative}.nav-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:8px;border-radius:10px;background:var(--ambre);color:#fff;font-size:11px;font-weight:700;vertical-align:middle}.appr-list{display:flex;flex-direction:column;gap:12px}.appr-card{display:flex;align-items:center;gap:18px;background:var(--carte);border:1px solid var(--bord);border-radius:var(--r);box-shadow:var(--ombre);padding:16px 20px}.appr-main{flex:1 1;min-width:0}.appr-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.appr-subj{font-size:14px;font-weight:600;margin-top:5px;color:var(--encre)}.appr-meta{font-size:12.5px;color:var(--muet);margin-top:4px}.appr-meta b{color:var(--marine)}.appr-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.appr-actions .btn,.appr-actions .btn-ghost{padding:8px 18px;font-size:13px;white-space:nowrap}.appr-actions a.btn-ghost{text-decoration:none;text-align:center;display:inline-block}@media(max-width:640px){.appr-card{flex-direction:column;align-items:stretch}.appr-actions{flex-direction:row}}.appr-list .appr-card:has(.draft-box){align-items:flex-start}.draft-box{margin-top:12px}.draft-text{width:100%;box-sizing:border-box;font:13px/1.55 ui-monospace,Menlo,Consolas,monospace;color:var(--encre);background:#f8fafc;border:1px solid var(--bord-fort);border-radius:9px;padding:11px 13px;resize:vertical}.cat-editor{display:flex;flex-direction:column;gap:2px}.cat-head{padding:0 4px 8px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muet)}.cat-head,.cat-row{display:grid;grid-template-columns:1.4fr 1.6fr 1.8fr 32px;grid-gap:14px;gap:14px}.cat-row{align-items:center;padding:9px 4px;border-top:1px solid var(--bord)}.cat-fname,.cat-name{padding:8px 10px;border:1px solid var(--bord);border-radius:8px;font-size:13.5px;font-family:inherit;width:100%}.cat-fname:disabled{background:#f3f5f7;color:var(--muet)}.cat-colors{display:flex;gap:4px;flex-wrap:wrap}.swatch{width:20px;height:20px;border-radius:5px;border:2px solid transparent;cursor:pointer;padding:0}.swatch.sel{border-color:var(--encre);box-shadow:inset 0 0 0 2px #fff}.cat-folder{gap:8px}.cat-folder,.mv{display:flex;align-items:center}.mv{gap:4px;font-size:12.5px;white-space:nowrap}.cat-del,.mv{color:var(--muet)}.cat-del{width:28px;height:28px;border:none;background:none;font-size:22px;line-height:1;cursor:pointer;border-radius:6px}.cat-del:hover{background:#fdecec;color:#c0392b}.cat-foot{justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid var(--bord);flex-wrap:wrap;gap:12px}.cat-foot,.cat-save{display:flex;align-items:center}.cat-save{gap:14px;margin-left:auto}.save-ok{color:#127a3a;font-size:13px}.cat-hint{font-size:12.5px;color:var(--muet);line-height:1.6;margin-top:14px}@media(max-width:720px){.cat-head{display:none}.cat-row{grid-template-columns:1fr;gap:8px;padding:14px 4px}.cat-del{justify-self:end;margin-top:-8px}}.rep-set{display:flex;flex-direction:column;gap:18px}.rep-row{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:600;color:var(--encre);cursor:pointer}.rep-grid{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:18px;gap:18px;max-width:560px}.rep-f{display:flex;flex-direction:column;gap:5px}.rep-f label{font-size:12.5px;font-weight:600;color:var(--muet)}.rep-f input,.rep-f select{padding:9px 11px;border:1px solid var(--bord);border-radius:8px;font-size:14px;font-family:inherit}.rep-f input:disabled,.rep-f select:disabled{background:#f3f5f7;color:var(--muet)}.rep-f small{font-size:11.5px;color:var(--muet)}.rep-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(max-width:640px){.rep-grid{grid-template-columns:1fr}}.mv.sub{color:var(--marine);font-weight:600}.dir-head{padding:0 4px 8px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muet)}.dir-head,.dir-row{display:grid;grid-template-columns:1fr 1.4fr 32px;grid-gap:14px;gap:14px}.dir-row{align-items:center;padding:7px 4px;border-top:1px solid var(--bord)}@media(max-width:720px){.dir-head{display:none}.dir-row{grid-template-columns:1fr 1fr 28px;gap:8px}}.cl-modes{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.cl-opt{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border:1px solid var(--bord-fort);border-radius:11px;cursor:pointer;transition:border-color .15s,background .15s}.cl-opt:hover{background:#f8fafc}.cl-opt.cl-on{border-color:var(--bleu);background:#f3f7ff}.cl-opt input{margin-top:3px}.cl-opt span{display:flex;flex-direction:column;gap:3px}.cl-opt b{font-size:14px;color:var(--encre)}.cl-opt small{font-size:12.5px;color:var(--muet);line-height:1.45}.cl-pending{margin:12px 0 2px;font-size:13.5px;color:var(--marine);font-weight:600}.bf-step{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--bord)}.bf-step:first-child{border-top:none;padding-top:0}.bf-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--bleu);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.bf-body{flex:1 1;min-width:0}.bf-label{display:block;font-size:13px;font-weight:600;color:var(--encre);margin-bottom:10px}.bf-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dir-head-3,.dir-row-3{grid-template-columns:1.3fr 1.4fr 130px 70px}.bf-maplist{max-height:420px;overflow:auto}.bf-dom{font-size:13px;color:var(--marine);font-weight:600;overflow:hidden;text-overflow:ellipsis}.bf-count{font-size:13px;color:var(--muet);text-align:right}.bf-progress{margin-top:18px;padding-top:16px;border-top:1px solid var(--bord)}.bf-bar{height:10px;border-radius:6px;background:#eef2f7;overflow:hidden}.bf-fill{height:100%;background:var(--bleu);transition:width .4s ease}.bf-pstat{font-size:13px;color:var(--muet);margin-top:8px}@media(max-width:720px){.dir-row-3{grid-template-columns:1fr 1fr;gap:8px}.bf-count,.dir-head-3{display:none}}