@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700;750;800&display=swap";:root{--primary: #0A5155;--accent: #1F97A7;--leaf: #6f9e16;--primary-tint: color-mix(in oklab, var(--primary) 8%, white);--primary-tint-2:color-mix(in oklab, var(--primary) 14%, white);--accent-tint: color-mix(in oklab, var(--accent) 12%, white);--bg: #eef2f1;--surface: #ffffff;--surface-2: #f7faf9;--ink: #122a2b;--ink-soft: #44595a;--ink-mute: #7d9091;--line: #e0e8e6;--line-soft: #eaf0ee;--st-nouveau: #2f74c9;--st-affecte: #6b59c4;--st-encours: #c2790f;--st-attente: #64748b;--st-ajourn: #d06a2c;--st-cloture: #5e8f17;--st-urgent: #d4453a;--radius: 16px;--radius-sm: calc(var(--radius) * .55);--pad: 34px;--gap: 30px;--font: "Public Sans", system-ui, sans-serif;--fs: 16px;--shadow: 0 1px 2px rgba(18,42,43,.04), 0 8px 28px -16px rgba(18,42,43,.22);--shadow-lg: 0 2px 4px rgba(18,42,43,.05), 0 24px 48px -24px rgba(18,42,43,.28)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--fs)}body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}::selection{background:var(--accent-tint)}.app-layout{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 20px;gap:22px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:4px 8px 18px;border-bottom:1px solid var(--line-soft)}.sidebar-logo img{height:38px;width:auto}.logo-app{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-weight:700}.logo-sub{font-size:.68rem;color:var(--ink-mute)}.logo-mark{width:38px;height:38px;background:var(--primary);border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.1rem;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav-section{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-weight:700;padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:13px;min-height:52px;padding:0 16px;border-radius:var(--radius-sm);color:var(--ink-soft);font-size:1rem;font-weight:550;width:100%;position:relative;transition:background .12s,color .12s;text-decoration:none}.nav-item svg{width:21px;height:21px;flex-shrink:0;color:var(--ink-mute);transition:color .12s}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item:hover svg{color:var(--ink-soft)}.nav-item.active{background:var(--primary-tint);color:var(--primary);font-weight:700}.nav-item.active svg{color:var(--primary)}.nav-item.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:26px;background:var(--primary);border-radius:0 4px 4px 0}.nav-badge{margin-left:auto;background:color-mix(in oklab,var(--st-urgent) 14%,white);color:var(--st-urgent);font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:20px;min-width:22px;text-align:center}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line-soft)}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.95rem;color:#fff;background:linear-gradient(135deg,var(--accent),var(--primary));flex-shrink:0}.avatar-name{font-weight:650;font-size:.92rem;line-height:1.2}.avatar-role{font-size:.78rem;color:var(--ink-mute)}.main-area{display:flex;flex-direction:column;min-width:0;overflow-y:auto}.topbar{display:flex;align-items:center;gap:18px;padding:20px 40px;background:color-mix(in oklab,var(--bg) 60%,white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-title{font-size:1.05rem;font-weight:700;flex:1;color:var(--ink)}.search-wrap{flex:1;max-width:400px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0 18px;height:46px}.search-wrap svg{width:19px;height:19px;color:var(--ink-mute);flex-shrink:0}.search-wrap input{border:none;outline:none;flex:1;font-size:.98rem;color:var(--ink);background:none}.search-wrap input::placeholder{color:var(--ink-mute)}.icon-btn{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);position:relative;transition:background .12s;color:var(--ink-soft)}.icon-btn:hover{background:var(--surface-2)}.icon-btn svg{width:21px;height:21px}.notif-dot{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--st-urgent);border:2px solid var(--surface)}.page-content{padding:40px 48px;display:flex;flex-direction:column;gap:var(--gap);max-width:1280px;width:100%;margin:0 auto;align-self:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:var(--radius-sm);font-size:1rem;font-weight:650;white-space:nowrap;transition:background .14s,transform .12s,border-color .14s}.btn svg{width:20px;height:20px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px -10px color-mix(in oklab,var(--primary) 80%,black)}.btn-primary:hover{background:color-mix(in oklab,var(--primary) 88%,black);transform:translateY(-1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:var(--surface-2)}.btn-soft{background:var(--primary-tint);color:var(--primary)}.btn-soft:hover{background:var(--primary-tint-2)}.btn-danger{background:color-mix(in oklab,var(--st-urgent) 10%,white);color:var(--st-urgent);border:1px solid color-mix(in oklab,var(--st-urgent) 25%,white)}.btn-danger:hover{background:color-mix(in oklab,var(--st-urgent) 18%,white)}.btn-sm{min-height:38px;padding:0 14px;font-size:.9rem}.btn-lg{min-height:56px;font-size:1.05rem;padding:0 28px}.link-btn{color:var(--accent);font-weight:650;font-size:.95rem}.link-btn:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:var(--pad) var(--pad) 0;margin-bottom:10px}.card-head h2{font-size:1.18rem;font-weight:750;letter-spacing:-.01em}.card-body{padding:8px var(--pad) var(--pad)}.card-title{font-size:1.05rem;font-weight:700;margin-bottom:14px;color:var(--ink)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.kpi-card .kpi-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.kpi-card .kpi-ico svg{width:23px;height:23px}.kpi-label{font-size:.98rem;color:var(--ink-soft);font-weight:600}.kpi-value{font-size:2.9rem;font-weight:800;letter-spacing:-.03em;line-height:1;margin:6px 0 4px}.kpi-sub{font-size:.9rem;color:var(--ink-mute)}.kpi-card.danger{background:color-mix(in oklab,var(--st-urgent) 5%,white);border-color:color-mix(in oklab,var(--st-urgent) 18%,white)}.kpi-card.danger .kpi-value{color:var(--st-urgent)}.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:700;white-space:nowrap}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-nouveau{background:color-mix(in oklab,var(--st-nouveau) 13%,white);color:var(--st-nouveau)}.badge-affecte{background:color-mix(in oklab,var(--st-affecte) 13%,white);color:var(--st-affecte)}.badge-encours{background:color-mix(in oklab,var(--st-encours) 13%,white);color:var(--st-encours)}.badge-attente{background:color-mix(in oklab,var(--st-attente) 13%,white);color:var(--st-attente)}.badge-ajourn{background:color-mix(in oklab,var(--st-ajourn) 13%,white);color:var(--st-ajourn)}.badge-cloture{background:color-mix(in oklab,var(--st-cloture) 13%,white);color:var(--st-cloture)}.badge-archive{background:color-mix(in oklab,#7F77DD 13%,white);color:#534ab7}.badge-annule{background:color-mix(in oklab,var(--st-urgent) 13%,white);color:var(--st-urgent)}.prio{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.prio-faible{background:#b4b2a9}.prio-normale{background:var(--leaf)}.prio-haute{background:var(--st-encours)}.prio-urgente{background:var(--st-urgent);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.dt{width:100%;border-collapse:collapse}.dt thead th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute);font-weight:700;padding:18px 24px;border-bottom:1px solid var(--line);background:var(--surface-2)}.dt tbody td{padding:22px 24px;border-bottom:1px solid var(--line-soft);font-size:1rem;vertical-align:middle}.dt tbody tr{cursor:pointer;transition:background .12s}.dt tbody tr:hover{background:var(--surface-2)}.dt tbody tr:last-child td{border-bottom:none}.dt-title{font-weight:650;color:var(--ink)}.dt-meta{font-size:.82rem;color:var(--ink-mute);font-weight:600;margin-top:3px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:.95rem;color:var(--ink-soft);cursor:pointer;transition:all .12s;white-space:nowrap}.chip:hover{border-color:var(--accent);color:var(--ink)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:650;font-size:1.02rem;color:var(--ink)}.form-field input,.form-field select,.form-field textarea{min-height:52px;padding:0 16px;font-size:1.02rem;border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;color:var(--ink);background:var(--surface-2);font-family:inherit;width:100%;transition:border-color .14s,background .14s}.form-field textarea{padding:14px 16px;min-height:120px;resize:vertical;line-height:1.6}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);background:var(--surface)}.form-field .error{font-size:.88rem;color:var(--st-urgent)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:var(--gap)}.alert{padding:14px 18px;border-radius:var(--radius-sm);font-size:.98rem;margin-bottom:14px}.alert-error{background:color-mix(in oklab,var(--st-urgent) 8%,white);color:var(--st-urgent);border:1px solid color-mix(in oklab,var(--st-urgent) 20%,white)}.alert-success{background:color-mix(in oklab,var(--leaf) 10%,white);color:color-mix(in oklab,var(--leaf) 80%,black);border:1px solid color-mix(in oklab,var(--leaf) 25%,white)}.alert-warning{background:color-mix(in oklab,var(--st-encours) 8%,white);color:var(--st-encours);border:1px solid color-mix(in oklab,var(--st-encours) 20%,white)}.alert-info{background:color-mix(in oklab,var(--accent) 8%,white);color:color-mix(in oklab,var(--accent) 80%,black);border:1px solid color-mix(in oklab,var(--accent) 20%,white)}.login-wrapper{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-aside{background:linear-gradient(150deg,var(--primary),color-mix(in oklab,var(--accent) 70%,var(--primary)));color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-aside:after{content:"";position:absolute;right:-120px;bottom:-120px;width:420px;height:420px;border-radius:50%;background:#ffffff12}.login-aside:before{content:"";position:absolute;right:60px;top:-80px;width:240px;height:240px;border-radius:50%;background:#ffffff0f}.login-aside .la-logo{background:#fff;border-radius:14px;padding:14px 18px;align-self:flex-start}.login-aside .la-logo img{height:40px;display:block}.login-aside h2{font-size:2.3rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;max-width:12ch;position:relative}.login-aside p{font-size:1.1rem;opacity:.9;margin-top:16px;max-width:36ch;line-height:1.6;position:relative}.login-aside .la-foot{font-size:.9rem;opacity:.8;position:relative}.login-main{display:grid;place-items:center;padding:40px;background:var(--surface)}.login-card{width:100%;max-width:380px}.login-app-name{font-size:1.9rem;font-weight:800}.login-title{font-size:1.9rem;font-weight:800;margin-bottom:8px}.login-subtitle{color:var(--ink-soft);font-size:1.05rem;margin-bottom:32px}.login-card .btn-primary{width:100%;justify-content:center}.login-card .link-btn{display:block;text-align:center;margin-top:16px;font-size:.95rem}.input-ico{position:relative}.input-ico svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--ink-mute);pointer-events:none}.input-ico input{padding-left:48px!important}.field-block{margin-bottom:16px}.field-lbl{font-size:.82rem;color:var(--ink-mute);font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:7px;margin-bottom:8px}.field-val{font-size:1.05rem;font-weight:650;color:var(--ink)}.timeline{display:flex;flex-direction:column}.tl-item{display:flex;gap:16px;padding-bottom:20px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:13px;top:30px;bottom:-4px;width:2px;background:var(--line)}.tl-item:last-child:before{display:none}.tl-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);z-index:1}.tl-dot.done{background:var(--leaf);border-color:var(--leaf)}.tl-dot.now{border-color:var(--primary);background:var(--primary-tint)}.tl-date{font-size:.82rem;color:var(--ink-mute)}.tl-text{font-size:.95rem;color:var(--ink-soft);margin-top:2px}.loading-screen{height:100vh;display:grid;place-items:center}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-link{display:inline-flex;align-items:center;gap:8px;font-weight:650;color:var(--ink-soft);font-size:.98rem}.back-link:hover{color:var(--primary)}.back-link svg{width:19px;height:19px}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px;gap:3px}.seg button{padding:9px 18px;border-radius:999px;font-size:.95rem;font-weight:600;color:var(--ink-soft);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:background .12s,color .12s}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--primary);color:#fff}.pager{display:flex;gap:6px}.pager button{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:var(--surface);font-weight:650;color:var(--ink-soft)}.pager button.on{background:var(--primary);color:#fff;border-color:var(--primary)}.pole-check{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .14s,background .14s}.pole-check:hover{border-color:var(--accent);background:var(--surface-2)}.pole-check.on{border-color:var(--primary);background:var(--primary-tint)}.pole-check input{width:18px;height:18px;accent-color:var(--primary)}.pole-check span{font-weight:650;font-size:.98rem;color:var(--ink)}.pole-check.on span{color:var(--primary)}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 820px){.app-layout{grid-template-columns:1fr}.sidebar,.search-wrap{display:none}}@media (max-width: 900px){.login-wrapper{grid-template-columns:1fr}.login-aside{display:none}}