:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#18342f;background:#f5f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.shell{min-height:100vh;display:flex}.sidebar{width:252px;background:#063f35;color:#d8eee5;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;padding:29px 14px}.brand{display:flex;align-items:center;gap:12px;padding:0 15px 38px}.brand-mark,.login-symbol{background:#fff;color:#075843;font-weight:900;font-size:33px;letter-spacing:-4px;border-radius:13px;width:46px;height:46px;text-align:center;line-height:44px}.brand-mark span,.login-symbol span,.login-logo span{color:#8acb42}.brand strong{font-size:20px;letter-spacing:-.6px;display:block;color:#fff}.brand small{font-size:10px;letter-spacing:1.5px;opacity:.65}.nav-label{font-size:10px;letter-spacing:1.8px;color:#8eb9a7;padding:0 17px 15px;font-weight:700}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#c9e1d8;display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;text-align:left;border-radius:9px;font-size:13px;font-weight:550}.nav-item:hover{background:#155849}.nav-item.active{background:#20715b;color:#fff}.nav-arrow{margin-left:auto}.sidebar-bottom{margin-top:auto}.account{border-top:1px solid #376d5c;display:flex;gap:10px;padding:20px 10px}.account strong{font-size:13px;display:block;color:#fff}.account small{font-size:11px;color:#9ac8b5;text-transform:capitalize}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#d4f0de;color:#075843;font-weight:800}.avatar.small{width:34px;height:34px}.main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e5eeeb;min-height:92px;padding:20px 34px;display:flex;justify-content:space-between;align-items:center}.top-left{display:flex;align-items:center;gap:15px}.breadcrumb{font-size:11px;color:#7a9087;display:flex;align-items:center;gap:6px}.topbar h1{font-size:23px;letter-spacing:-.8px;margin:6px 0 0}.top-actions{display:flex;align-items:center;gap:18px}.connected{font-size:12px;color:#53766b;display:flex;align-items:center;gap:7px}.connected span{height:7px;width:7px;background:#41bb72;border-radius:50%}.icon-btn{border:1px solid #e4ebe8;border-radius:9px;background:#fff;color:#47695d;display:grid;place-items:center;padding:9px}.content{max-width:1550px;margin:auto;padding:30px 34px 60px}.welcome{background:linear-gradient(115deg,#07533f,#0b765b);color:#fff;border-radius:15px;padding:35px 37px;position:relative;overflow:hidden;margin-bottom:23px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#b6dbb4}.welcome h2{font-size:27px;letter-spacing:-.8px;margin:10px 0}.welcome p{font-size:13px;color:#c9e8db;margin:0}.welcome-decoration{position:absolute;font-size:260px;right:40px;top:-115px;opacity:.12}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.kpi{background:#fff;border:1px solid #e5eeea;border-radius:13px;padding:21px;display:flex;gap:16px;align-items:center;box-shadow:0 2px 10px #063f3505}.kpi-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center}.kpi-icon.green{background:#e7f6ec;color:#13804f}.kpi-icon.blue{background:#e7f1fb;color:#3576b2}.kpi-icon.orange{background:#fff3e1;color:#c17a22}.kpi-icon.red{background:#fdebea;color:#cc5851}.kpi span{font-size:12px;color:#80948c;display:block}.kpi strong{font-size:27px;letter-spacing:-1px;display:block;margin-top:5px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.panel{background:#fff;border:1px solid #e5eeea;border-radius:13px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 10px #063f3504}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:23px 24px;border-bottom:1px solid #eef2f0;gap:12px}.panel-head h3{margin:0 0 5px;font-size:15px}.panel-head p{font-size:12px;color:#8b9c96;margin:0}.bar-list{padding:24px;display:grid;gap:21px}.bar-row{display:grid;grid-template-columns:130px 1fr 25px;gap:14px;align-items:center;font-size:12px}.bar-row span{color:#526e63}.bar-row b{text-align:right}.track{height:9px;border-radius:20px;background:#eff4f1;overflow:hidden}.fill{height:100%;background:#27a879;border-radius:20px}.fill.planifie{background:#6c9bd4}.fill.en_cours{background:#2e9a85}.fill.bloque{background:#dc9b54}.fill.termine{background:#80c54c}.sector-list{padding:15px 24px}.sector-row{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #f0f4f2;font-size:13px}.sector-row:last-child{border:0}.sector-bubble{width:35px;height:35px;border-radius:9px;background:#e7f5ec;color:#127452;display:grid;place-items:center;font-size:11px;font-weight:800}.sector-row span{margin-left:auto;color:#84978f;font-size:12px}.link,.text-link{border:0;background:transparent;color:#087854;font-weight:700;display:flex;align-items:center;gap:4px;font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{background:#fafcfb;color:#7c9188;text-transform:uppercase;font-size:10px;letter-spacing:.8px;padding:16px 18px}td{padding:17px 18px;border-top:1px solid #eff3f1;color:#557066}td strong{color:#24473b}tr:hover td{background:#fbfdfc}.action-cell{white-space:normal;min-width:240px;max-width:350px}.action-cell button{background:none;border:0;padding:0;color:#234a3b;font-weight:700;text-align:left}.action-cell button:hover{text-decoration:underline}.action-cell small{display:block;color:#9aa9a3;margin-top:5px}.equipment{font-weight:800;color:#0a7455;background:#e8f5ee;border-radius:6px;padding:5px 9px;font-size:11px;white-space:nowrap}.priority{background:#fff1e6;color:#b77623;border-radius:6px;font-weight:800;font-size:10px;padding:5px 8px}.priority.critical{background:#ffeded;color:#ca5050}.pill{display:inline-flex;padding:6px 10px;border-radius:7px;font-size:11px;font-weight:700;white-space:nowrap}.pill.a_faire{background:#f0f3f2;color:#647b72}.pill.planifie{background:#e8f0fc;color:#4977ac}.pill.en_cours{background:#e2f5f0;color:#15876d}.pill.bloque{background:#fff0e4;color:#b56a2b}.pill.termine{background:#e8f7e9;color:#27834a}.row-action{border:0;background:transparent;color:#8ba69a}.row-action:hover{color:#087854}.action-head{flex-wrap:wrap}.head-buttons,.section-intro{display:flex;align-items:center;gap:10px}.section-intro{justify-content:space-between;margin-bottom:20px;color:#748c81;font-size:13px}.btn{border:1px solid transparent;border-radius:8px;padding:11px 15px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:#087654;color:#fff}.btn.primary:hover{background:#055e43}.btn.secondary{background:#fff;border-color:#dfe9e4;color:#41675a}.btn.danger{background:#fff0ef;color:#b43d39;margin-right:auto}.filters{display:flex;gap:10px;padding:17px 24px;flex-wrap:wrap}.filters select,.search{border:1px solid #e0e9e5;border-radius:8px;padding:11px 12px;background:#fff;color:#577467;font-size:12px}.search{display:flex;align-items:center;gap:8px;flex:1;min-width:220px}.search input{outline:0;border:0;width:100%;min-width:0;color:#18342f}.kanban{display:grid;grid-template-columns:repeat(5,minmax(215px,1fr));gap:14px;overflow-x:auto;padding-bottom:15px}.kanban-col{background:#edf3ef;border-radius:12px;padding:12px;min-height:300px}.kanban-title{display:flex;align-items:center;gap:9px;padding:8px 5px 16px;font-size:12px}.kanban-title em{font-style:normal;margin-left:auto;color:#769087;background:#dfeae3;border-radius:20px;padding:3px 9px}.dot{width:8px;height:8px;border-radius:50%;background:#8a9b92}.dot.planifie{background:#648dd0}.dot.en_cours{background:#1ca587}.dot.bloque{background:#d38c3d}.dot.termine{background:#5bbf67}.kanban-cards{display:grid;gap:10px;align-content:start}.task-card{background:#fff;border:1px solid #e1e9e5;border-radius:10px;padding:14px;box-shadow:0 2px 6px #123a2a0a}.task-top,.task-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px}.task-card>strong{display:block;margin-top:14px;font-size:12px;line-height:1.6}.task-card p{font-size:11px;color:#899d93;margin:9px 0 16px}.task-bottom{border-top:1px solid #edf2ef;padding-top:12px}.task-bottom select{font-size:10px;max-width:115px;border:1px solid #e5ece7;border-radius:5px;padding:5px;color:#486a5d;background:#fff}.empty{text-align:center!important;color:#879e92;padding:36px!important}.alert{display:flex;align-items:center;gap:10px;background:#fff0eb;border:1px solid #ffd8c9;border-radius:9px;padding:13px 16px;color:#a44e33;margin-bottom:18px;font-size:13px}.alert button{margin-left:auto;background:none;border:0;color:inherit}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#0b694c;color:#fff;display:flex;align-items:center;gap:10px;padding:15px 20px;border-radius:10px;box-shadow:0 8px 25px #0002;font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09261ecc;display:flex;justify-content:center;align-items:center;padding:20px;z-index:100}.modal{width:min(780px,100%);max-height:92vh;background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.modal-head{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7eee9}.modal-head h2{margin:5px 0 0;font-size:22px}.modal-body{padding:24px 28px;overflow:auto}.modal-body h3{font-size:15px}.modal-footer{padding:16px 28px;border-top:1px solid #e7eee9;display:flex;gap:10px;justify-content:flex-end}.modal label,.login-card label{font-size:12px;font-weight:700;color:#526e62;display:flex;flex-direction:column;gap:8px}.modal input,.modal select,.modal textarea,.login-card input,.comment-form textarea{width:100%;border:1px solid #dce8e1;border-radius:8px;padding:11px 12px;color:#1d4134;background:#fff;outline-color:#2a9e70}.modal textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.form-grid .full{grid-column:1/-1}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0}.detail-grid div{display:grid;gap:6px}.detail-grid small{color:#8c9d94}.detail-grid strong{font-size:13px;overflow-wrap:anywhere}.note{background:#f3f7f4;padding:12px;border-radius:7px;font-size:12px}.comments-title{display:flex;align-items:center;gap:8px;border-top:1px solid #edf2ee;padding-top:20px}.comment{padding:12px 0;border-bottom:1px solid #eef3ef;font-size:12px}.comment strong{margin-right:12px}.comment small{color:#91a398}.comment p{line-height:1.6;white-space:pre-wrap}.comment-form{display:grid;gap:10px;margin-top:15px}.comment-form button{justify-self:end}.muted{color:#91a398;font-size:12px}.login-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-left{background:linear-gradient(135deg,#063c31,#0a7655);padding:55px 65px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-logo{font-weight:900;font-size:45px;letter-spacing:-5px}.login-logo small{font-size:23px;letter-spacing:-1px;margin-left:14px}.login-left h1{font-size:clamp(32px,4vw,55px);letter-spacing:-2px;line-height:1.15}.login-left p{color:#c2e2d4;max-width:400px}.login-left>small{color:#a5d1bf}.login-right{display:grid;place-items:center;padding:30px}.login-card{width:min(390px,100%);display:grid;gap:19px}.login-symbol{background:#e5f4e8}.login-card h2{font-size:28px;margin:0}.login-card p{font-size:13px;color:#80948a;margin:0 0 9px}.login-card>small{font-size:11px;color:#8b9f94;text-align:center}.login-submit{padding:15px}.loading{min-height:100vh;display:grid;place-items:center;color:#076d50}.mobile-only,.scrim{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1150px){.kpis{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.sidebar{width:220px}.content{padding:22px}.topbar{padding:20px 24px}}@media(max-width:760px){.sidebar{position:fixed;z-index:110;transform:translate(-100%);transition:transform .2s;width:255px}.sidebar.open{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#001c1699;z-index:105}.mobile-only{display:grid}.topbar{min-height:75px;padding:15px}.topbar h1{font-size:19px}.content{padding:16px}.connected{display:none}.welcome{padding:24px}.welcome h2{font-size:22px}.kpis{gap:9px}.kpi{padding:13px;gap:9px}.kpi-icon{width:36px;height:36px}.kpi strong{font-size:23px}.kpi span{font-size:10px}.panel-head{padding:17px}.filters{padding:14px}.bar-row{grid-template-columns:100px 1fr 20px}.login-screen{grid-template-columns:1fr}.login-left{min-height:220px;padding:25px}.login-left h1{font-size:27px}.login-left>small{display:none}.login-right{padding:35px 20px}.form-grid,.detail-grid{grid-template-columns:1fr}.head-buttons{flex-wrap:wrap}.modal-backdrop{padding:8px}.modal-head,.modal-body,.modal-footer{padding:17px}.kanban{grid-template-columns:repeat(5,240px)}}.brand-text-only{display:flex;align-items:center;min-height:72px;padding:0 5px}.brand-text-only strong{font-size:24px;letter-spacing:-.7px;color:#fff}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:#f4f8f6}.login-card{width:min(440px,100%);padding:42px 38px;background:#fff;border:1px solid #e2ebe6;border-radius:18px;box-shadow:0 16px 48px #033b2b12;gap:20px}.login-app-name{font-size:34px;line-height:1.2;letter-spacing:-1px;color:#064c39;margin:0;text-align:center}.login-card .login-subtitle{text-align:center;margin:0 0 8px;color:#738d80;font-size:14px}.login-card label{font-size:13px}.login-card input{padding:14px 13px;font-size:14px}.login-submit{justify-content:center;margin-top:4px}.login-card .alert{margin:0}@media(max-width:560px){.login-screen{padding:16px}.login-card{padding:32px 23px}.login-app-name{font-size:30px}}.modal-backdrop{overflow-y:auto;overscroll-behavior:contain;align-items:center;padding:16px}.modal{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.modal-head,.modal-footer{flex:0 0 auto;background:#fff;z-index:1}.modal-body{flex:1 1 auto;min-height:0;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:#8aa99b #edf4ef}.modal-body::-webkit-scrollbar-track{background:#edf4ef;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#8aa99b;border-radius:10px;border:2px solid #edf4ef}.modal-footer{box-shadow:0 -3px 12px #00000009;flex-wrap:wrap}@media(max-width:760px){.modal-backdrop{padding:0;align-items:stretch}.modal,.modal.details{width:100%;max-width:none;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}.modal-head,.modal-footer{padding:14px 17px}.modal-body{padding:16px 17px}.modal-footer .btn{min-height:44px}}:root{color:#122940;background:#f3f6fa}body{background:#f3f6fa}.sidebar{background:#10273d;color:#c3d5e5;padding:31px 20px}.brand-text-only{padding:0 16px 32px;min-height:80px}.brand-text-only strong{font-size:27px;color:#fff;letter-spacing:-.9px}.nav-label{color:#83a7c5;padding-left:16px}.nav-item{color:#c3d5e5;font-size:14px;padding:15px;border-radius:12px}.nav-item:hover{background:#1c3b55}.nav-item.active{background:#24435e;color:#fff;box-shadow:inset 3px 0 #36c89c}.account{border-top-color:#2b475e}.account small{color:#9dbbd3}.main{background:#f3f6fa}.topbar{background:transparent;border-bottom:0;padding:26px 34px 14px;min-height:98px}.topbar h1{font-size:31px;color:#102940;letter-spacing:-1px}.breadcrumb{color:#8195aa}.content{padding:14px 34px 70px}.kpi,.panel{border:1px solid #e1e8f0;box-shadow:0 4px 18px #15314d06;border-radius:19px}.kpi{padding:26px;min-height:150px}.kpi span{color:#8194a9;font-size:13px}.kpi strong{color:#102940;font-size:31px}.kpi-icon.green,.kpi-icon.blue,.kpi-icon.orange,.kpi-icon.red{background:#eaf2f7;color:#35718f}.panel-head h3{font-size:18px;color:#102940}.panel-head p{color:#8597a8}.fill{background:#119b78}.track{background:#eaf0f4}.btn.primary,.btn-primary{background:#087e64}.login-screen{background:#f3f6fa}.login-card{border-color:#e1e8f0;box-shadow:0 16px 50px #142d460f}.login-app-name{color:#102940}@media(max-width:760px){.sidebar{padding:24px 14px}.topbar{padding:16px}.topbar h1{font-size:24px}.content{padding:12px 16px 45px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:16px;overflow:hidden}.modal,.modal.details{display:flex;flex-direction:column;width:min(900px,100%);max-height:calc(100dvh - 32px);min-height:0;overflow:hidden}.modal.details{width:min(680px,100%)}.modal>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.modal-head,.modal-footer{flex:0 0 auto;background:#fff}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:#829b91 #edf2ef}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:#edf2ef}.modal-body::-webkit-scrollbar-thumb{background:#829b91;border:2px solid #edf2ef;border-radius:10px}.modal-footer{flex-wrap:wrap}@media(max-width:760px){.modal-backdrop{padding:8px}.modal,.modal.details{width:100%;max-width:none;max-height:calc(100dvh - 16px)}}