:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#ececef;--surface:#ffffff9e;--surface-2:#ffffff6b;--surface-3:#e4e4e8;--line:#e6e6ea;--line-2:#dadadf;--text:#18181b;--muted:#6b6b75;--faint:#a1a1aa;--accent:#fa3e00;--accent-deep:#731a01;--sain:#16a34a;--critique:#dc2626;--attention:#b45309;--halo:color-mix(in srgb, var(--accent) 10%, transparent);--glass-hi:#00000008;--ombre:0 18px 40px -30px #00000059;--mesh:radial-gradient(1000px 560px at 10% -6%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%), radial-gradient(820px 520px at 97% 4%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 55%), linear-gradient(170deg, #f4eff2 0%, #ebe9f1 60%)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0c;--surface:#ffffff12;--surface-2:#ffffff0b;--surface-3:#ffffff1a;--line:#ffffff17;--line-2:#ffffff2b;--text:#f4f4f5;--muted:#9a9aa4;--faint:#6d6d77;--accent:#fa3e00;--accent-deep:#c42d00;--sain:#34d399;--critique:#f0442e;--attention:#f5a623;--halo:color-mix(in srgb, var(--accent) 14%, transparent);--glass-hi:#ffffff24;--ombre:0 18px 40px -30px #000c;--mesh:radial-gradient(1100px 620px at 10% -8%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 58%), radial-gradient(820px 520px at 96% 4%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%), linear-gradient(168deg, #16111c 0%, #0a0a0e 60%)}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}html,body{color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}body{background:var(--mesh);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh}::selection{background:var(--accent);color:#fff}a{color:inherit}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.chargement{min-height:70vh;color:var(--muted);justify-content:center;align-items:center;display:flex}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0;font-size:10.5px;font-weight:700}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .14s,border-color .14s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-deep)}.btn-ghost{background:var(--surface-2);color:var(--text);border-color:var(--line-2)}.btn-ghost:hover{background:var(--surface);border-color:var(--faint)}.btn-lg{border-radius:12px;padding:12px 22px;font-size:14.5px}.icon-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--line-2)}.topbar{z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:18px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand-mark{width:auto;height:16px;display:block}.brand-app{letter-spacing:-.01em;border-left:1px solid var(--line-2);color:var(--muted);padding-left:9px;font-size:13px;font-weight:700}.recherche{background:var(--surface-2);border:1px solid var(--line-2);max-width:440px;height:38px;color:var(--faint);cursor:text;border-radius:11px;flex:1;align-items:center;gap:9px;margin:0 auto;padding:0 10px 0 12px;transition:border-color .14s;display:flex}.recherche:focus-within{border-color:var(--accent);color:var(--muted)}.recherche input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.recherche input::placeholder{color:var(--faint)}.recherche input::-webkit-search-cancel-button{display:none}.recherche kbd{font:inherit;color:var(--faint);border:1px solid var(--line-2);border-radius:6px;padding:1px 7px;font-size:11px;font-weight:600}.topbar-droite{flex-shrink:0;align-items:center;gap:8px;display:flex}.avatar{background:var(--surface-3);border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar .initiales{font-size:11px;font-weight:700}.main{max-width:1180px;margin:0 auto;padding:0 24px 56px}.hero{padding:54px 0 34px}.hero h1{letter-spacing:-.03em;margin:10px 0 14px;font-family:Montserrat,Inter,sans-serif;font-size:clamp(30px,4.6vw,46px);font-weight:700;line-height:1.05}.hero-sous{margin:0}.etat{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.etat i{background:var(--sain);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--sain) 22%, transparent);border-radius:999px;flex-shrink:0}.etat-panne{color:var(--critique)}.etat-panne i{background:var(--critique);box-shadow:0 0 0 3px color-mix(in srgb, var(--critique) 22%, transparent)}.hero .etat{font-size:13.5px}.groupe{margin-top:34px}.groupe-tete{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.groupe-tete h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.groupe-tete p{color:var(--muted);margin:0;font-size:13px}.grille{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px;display:grid}.outil{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:188px;box-shadow:inset 0 1px 0 var(--glass-hi), var(--ombre);border-radius:18px;flex-direction:column;padding:18px 18px 16px;transition:transform .16s,border-color .16s,background .16s;display:flex;position:relative}.outil:hover,.outil:focus-within{border-color:var(--line-2);background:color-mix(in srgb, var(--surface) 86%, var(--accent) 3%);transform:translateY(-2px)}.outil-tete{justify-content:space-between;align-items:center;margin-bottom:16px;padding-right:30px;display:flex}.outil-ic{background:var(--surface-3);width:40px;height:40px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.outil h3{letter-spacing:-.015em;align-items:center;gap:8px;margin:0 0 6px;font-size:16px;font-weight:700;display:flex}.outil-lien{text-decoration:none}.outil-lien:after{content:"";border-radius:18px;position:absolute;inset:0}.outil-lien:focus-visible{outline:none}.outil:has(.outil-lien:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.outil-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.outil-pied{color:var(--faint);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:12px;display:flex}.outil-fleche{color:var(--faint);transition:color .16s,transform .16s;display:inline-flex}.outil:hover .outil-fleche{color:var(--accent);transform:translate(2px,-2px)}.outil.panne .outil-ic{color:var(--faint)}.badge-chantier{background:color-mix(in srgb, var(--attention) 16%, transparent);color:var(--attention);white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:700}.epingle{z-index:2;width:30px;height:30px;color:var(--faint);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;transition:opacity .14s,color .14s,background .14s;display:inline-flex;position:absolute;top:14px;right:12px}.outil:hover .epingle,.outil:focus-within .epingle,.epingle.on{opacity:1}.epingle:hover{background:var(--surface-3);color:var(--text)}.epingle.on{color:var(--accent)}@media (hover:none){.epingle{opacity:1}}.vide{text-align:center;color:var(--muted);border:1px dashed var(--line-2);border-radius:18px;margin-top:40px;padding:44px 20px}.vide p{margin:0 0 14px}.pied{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:52px;padding-top:18px;font-size:12px;display:flex}.pied span{align-items:center;gap:6px;display:inline-flex}.pied a{text-decoration:none}.pied a:hover{color:var(--text)}.connexion{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.connexion-carte{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:440px;box-shadow:inset 0 1px 0 var(--glass-hi), var(--ombre);border-radius:22px;padding:34px 32px}.connexion-carte h1{letter-spacing:-.025em;margin:22px 0 10px;font-family:Montserrat,Inter,sans-serif;font-size:26px;font-weight:700;line-height:1.15}.connexion-carte p{color:var(--muted);margin:0 0 24px;line-height:1.55}@media (width<=640px){.topbar{gap:10px;padding:10px 16px}.brand-app,.recherche kbd{display:none}.main{padding:0 16px 40px}.hero{padding:34px 0 22px}.grille{grid-template-columns:1fr}.outil{min-height:0}}@media (prefers-reduced-motion:reduce){.outil,.outil-fleche,.epingle{transition:none}.outil:hover,.outil:focus-within{transform:none}}