@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #f6f5f1;--surface: #ffffff;--ink: #18221f;--ink-2: #4b5753;--ink-3: #8a938f;--line: #e6e3db;--line-2: #d6d2c7;--accent: #0f5c4d;--accent-ink: #ffffff;--accent-soft: #e3efe9;--green: #1f7a4d;--green-bg: #e4f3ea;--amber: #a5620c;--amber-bg: #fbefd9;--grey: #5f6763;--grey-bg: #eeede8;--red: #b3261e;--red-bg: #fbe9e7;--radius: 12px;--shadow: 0 1px 2px rgba(24, 34, 31, .05), 0 8px 24px -12px rgba(24, 34, 31, .12);--font: "Manrope", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:light}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.muted{color:var(--ink-3)}.mono{font-family:var(--mono);font-size:.92em}.small-text{font-size:13px}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 max(20px,calc((100vw - 880px)/2));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent);color:var(--accent-ink)}.brand-name{font-weight:800;font-size:17px;letter-spacing:-.02em}.content{max-width:880px;margin:0 auto;padding:36px 20px 80px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.hero h1{font-size:34px;font-weight:800;letter-spacing:-.035em;line-height:1.1}.hero p{margin-top:4px;font-size:14px}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 18px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background .15s,border-color .15s,transform .1s}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#0b4a3e}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.block{width:100%;height:46px}.btn-secondary{background:var(--surface);border-color:var(--line-2);color:var(--ink)}.btn-secondary:hover{border-color:var(--ink-3)}.btn-secondary.disabled{color:var(--ink-3);cursor:default}.btn-ghost{background:none;color:var(--ink-2);padding:0 10px}.btn-ghost:hover{background:#18221f0f}.btn-ghost.icon{width:38px;height:38px;padding:0}.btn-ghost.small{height:32px;font-size:13px;color:var(--accent)}.btn-danger{background:none;color:var(--red);border-color:transparent;margin-top:8px;align-self:flex-start;padding:0 12px;height:36px;font-size:13px}.btn-danger:hover{background:var(--red-bg)}.link{background:none;border:none;padding:0;color:var(--accent);font-weight:600;text-align:left}.link:hover{text-decoration:underline}.link.center{align-self:center;font-size:13px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search{position:relative}.search input{width:100%;box-sizing:border-box;height:58px;padding:0 52px 0 50px;background:var(--surface);border:1px solid var(--line-2);border-radius:14px;font-size:16.5px;box-shadow:var(--shadow);outline:none;transition:border-color .15s,box-shadow .15s}.search input::placeholder{color:var(--ink-3)}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),var(--shadow)}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.search kbd,.search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.search kbd{font:500 12px var(--mono);color:var(--ink-3);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:6px;padding:1px 7px}.search-clear{display:grid;place-items:center;width:30px;height:30px;border:none;border-radius:8px;background:var(--grey-bg);color:var(--ink-2)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 8px;flex-wrap:wrap}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:transparent;font-size:13.5px;font-weight:600;color:var(--ink-2)}.chip:hover{border-color:var(--ink-3)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.chip-n{font:500 12px var(--mono);opacity:.6}.dot{width:7px;height:7px;border-radius:50%}.dot.actif{background:var(--green)}.dot.instance{background:var(--amber)}.dot.archive{background:var(--ink-3)}.sort{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);font-size:13.5px;font-weight:600}.result-count{font-size:12.5px;color:var(--ink-3);margin:10px 2px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.list li+li{border-top:1px solid var(--line)}.row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:none;border:none;text-align:left;transition:background .12s}.row:hover{background:#faf9f6}.row.active{background:var(--accent-soft)}.row.skeleton{height:72px;box-sizing:border-box;background:linear-gradient(90deg,#f3f1ec 25%,#fbfaf7,#f3f1ec 75%) 0 0 / 200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.avatar{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:14px;letter-spacing:.02em}.avatar.lg{width:54px;height:54px;font-size:18px}.row-main{flex:1;min-width:0;display:flex;flex-direction:column}.row-name{font-weight:700;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:13.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.row-count{font-size:12.5px;color:var(--ink-3)}.badge{font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px}.badge.actif{background:var(--green-bg);color:var(--green)}.badge.instance{background:var(--amber-bg);color:var(--amber)}.badge.archive{background:var(--grey-bg);color:var(--grey)}.more{display:flex;margin:18px auto 0}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:56px 20px;background:var(--surface);border:1px dashed var(--line-2);border-radius:var(--radius)}.empty .btn-secondary{margin-top:10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#18221f59;display:grid;place-items:center;padding:20px;animation:fade .15s ease-out}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:520px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;background:var(--surface);border-radius:16px;padding:22px 24px 24px;box-shadow:0 24px 60px -20px #00000059;animation:pop .2s cubic-bezier(.2,.9,.3,1.2)}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:20px;font-weight:800;letter-spacing:-.02em}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.drawer-overlay{place-items:stretch end;padding:0}.drawer{width:min(480px,100vw);height:100vh;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:22px 24px 32px;background:var(--bg);border-left:1px solid var(--line);animation:slide .22s cubic-bezier(.2,.8,.2,1)}@keyframes slide{0%{transform:translate(40px);opacity:0}}.drawer-head{display:flex;align-items:center;gap:14px}.drawer-title{flex:1;min-width:0}.drawer-title h2{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.drawer-title .muted{font-size:13px}.quick{display:flex;gap:8px}.quick>*{flex:1}.drawer-section{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.drawer-section h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:var(--ink-2)}.section-head{display:flex;align-items:center;justify-content:space-between}.field{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.field>span{font-size:12.5px;font-weight:700;color:var(--ink-2)}.field input,.field textarea,.field select{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.drawer .field input:not(:focus),.drawer .field textarea:not(:focus){border-color:transparent;background:#f8f7f3}.field-row{display:flex;gap:12px}.warn{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:9px;background:var(--amber-bg);color:var(--amber);font-size:13.5px}.dossier-form{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:10px;background:#f8f7f3}.dossiers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.dossier{display:flex;flex-direction:column;gap:3px;padding:12px 0}.dossier+.dossier{border-top:1px solid var(--line)}.dossier-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dossier-id{font-weight:500}.dossier-obs{font-size:14px;color:var(--ink-2)}.badge-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700}.badge-select.actif{background:var(--green-bg);color:var(--green)}.badge-select.instance{background:var(--amber-bg);color:var(--amber)}.badge-select.archive{background:var(--grey-bg);color:var(--grey)}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(1000px 500px at 50% -10%,var(--accent-soft),transparent 70%),var(--bg)}.login-card{box-sizing:border-box;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px 28px;box-shadow:var(--shadow)}.login-card h1{margin-top:14px;font-size:26px;font-weight:800;letter-spacing:-.03em}.login-card .muted{margin-top:-8px;font-size:14px}.error{padding:10px 12px;border-radius:9px;background:var(--red-bg);color:var(--red);font-size:13.5px}.notice{padding:12px;border-radius:9px;background:var(--green-bg);color:var(--green);font-size:14px}.center-screen{min-height:100vh;display:grid;place-items:center}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--line-2);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.content{padding:22px 14px 60px}.hero h1{font-size:28px}.hero .btn-primary{position:fixed;right:16px;bottom:18px;z-index:20;height:52px;border-radius:26px;box-shadow:0 10px 24px -8px #0f5c4d99}.row{padding:12px 14px;gap:12px}.row-count{display:none}.field-row{flex-direction:column}.drawer{width:100vw}.search input{font-size:16px;height:54px}.search kbd{display:none}.toolbar{flex-wrap:nowrap}.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.chip{flex:none}.sort{display:none}}