:root{--bg:#fff;--sf:#fff;--panel:#f4f5f7;--tile:#fff;--tile-bd:#e6e8ec;--ombre:0 1px 3px #0f172a14,0 1px 2px #0f172a0d;--tx:#1f2937;--mu:#6b7280;--bd:#e2e5ea;--ac:#2450b8;--ach:#e8eefb;--ok-bg:#e3f5e8;--ok-tx:#1e7a3c;--wa-bg:#fdf1dc;--wa-tx:#9a5b00;--dg:#c0392b;--dg-bg:#fdecea;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1115;--sf:#181b21;--panel:#14171c;--tile:#1e2229;--tile-bd:#2a2f38;--ombre:0 1px 3px #0008;--tx:#e8eaf0;--mu:#9aa1b0;--bd:#2a2f38;--ac:#7ea3ff;--ach:#1f2a45;--ok-bg:#183524;--ok-tx:#7fd99c;--wa-bg:#3a2c12;--wa-tx:#f3c46b;--dg:#ff8a7a;--dg-bg:#3a1c1a;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1115;--sf:#181b21;--panel:#14171c;--tile:#1e2229;--tile-bd:#2a2f38;--ombre:0 1px 3px #0008;--tx:#e8eaf0;--mu:#9aa1b0;--bd:#2a2f38;--ac:#7ea3ff;--ach:#1f2a45;--ok-bg:#183524;--ok-tx:#7fd99c;--wa-bg:#3a2c12;--wa-tx:#f3c46b;--dg:#ff8a7a;--dg-bg:#3a1c1a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:1400px;margin:0 auto;padding:14px}h1{font-size:20px;margin:4px 0}h2{font-size:16px;margin:18px 0 8px}.top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.top h1{margin-right:auto}nav{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px}nav button,.btn{border:1px solid var(--bd);background:var(--sf);color:var(--tx);padding:8px 13px;border-radius:9px;font:inherit;cursor:pointer;white-space:nowrap}nav button.on,.btn.pri{background:var(--ac);color:#fff;border-color:var(--ac)}.btn.sm{padding:3px 9px;font-size:13px}.btn.del{color:#c0392b}input,select{font:inherit;color:var(--tx);background:var(--sf);border:1px solid var(--bd);border-radius:8px;padding:7px 9px;max-width:100%}.bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;align-items:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.card{background:var(--sf);border:1px solid var(--bd);border-radius:12px;padding:12px}.card b{display:block;font-size:24px}.card span{color:var(--mu);font-size:13px}.wrap{overflow-x:auto;background:var(--sf);border:1px solid var(--bd);border-radius:12px;margin-bottom:12px}table{border-collapse:collapse;width:100%;min-width:860px}th,td{padding:6px 9px;text-align:left;border-bottom:1px solid var(--bd);white-space:nowrap}th{font-size:12px;color:var(--mu);text-transform:uppercase;letter-spacing:.04em}tr.gh td{background:var(--ach);font-weight:600;white-space:normal}.dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px;border:1px solid var(--bd)}.dt{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;margin-right:10px;vertical-align:-5px;border:3px solid var(--c);font-size:13px;font-weight:700;line-height:1;color:var(--t)}.dt.f{background:var(--c)}.sl{background:none;border:0;border-bottom:1px dotted var(--mu);color:var(--mu);font:inherit;cursor:pointer;padding:0}.sl.on{color:var(--tx);font-weight:600;border-bottom-color:var(--tx)}.ie{background:transparent;border:1px solid transparent;padding:4px 6px;border-radius:6px;font:inherit;color:inherit}.ie:hover{border-color:var(--bd)}.ie:focus{outline:0;border-color:var(--ac);background:var(--sf)}input.ie.r{text-align:right}.prog{height:8px;background:var(--bd);border-radius:9px;overflow:hidden;min-width:90px}.prog i{display:block;height:100%;background:var(--ac)}.mu{color:var(--mu)}.r{text-align:right}.err{color:#c0392b}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0007;display:flex;align-items:center;justify-content:center;padding:14px}.modal{background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:16px;width:min(380px,100%)}.pk{display:block;width:100%;text-align:left;margin-top:6px}.auth{max-width:380px;padding-top:8vh}.auth form{display:flex;flex-direction:column;gap:10px}.auth label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mu)}.auth .links{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;margin:0}.auth a{color:var(--ac)}input[type=color]{padding:0;width:38px;height:30px;cursor:pointer}select.ie{padding:4px 6px}.bloc{background:var(--panel);border:1px solid var(--bd);border-radius:14px;padding:14px;margin-bottom:14px}.bloc>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.bloc,.bloc button{font-family:Urbanist,system-ui,sans-serif}.bloc h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.bloc-pr{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;color:var(--mu);min-width:170px}.bloc-pr b{color:var(--tx)}.bloc-pr .prog{width:100%}.bloc .prog i{background:var(--c)}.tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.tuile{position:relative;display:flex;flex-direction:column;background:var(--tile);border:2px solid var(--tile-bd);border-radius:12px;box-shadow:var(--ombre);transition:border-color .15s,transform .15s,box-shadow .15s}.tuile:hover{border-color:var(--ac);transform:translateY(-1px);box-shadow:0 4px 12px #0f172a1f}.tuile.s-possede,.tuile.s-possede:hover{border-color:var(--c);border-width:3px;margin:-1px}.tuile.s-inexistant{opacity:.5}.tuile-zone{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.tuile .symbole{position:absolute;top:10px;left:18px;z-index:1;height:24px;width:auto;max-width:45%;object-fit:contain}.tuile .code{color:var(--tx);font-size:15px;font-weight:600}.tuile .ok{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background:var(--c);color:var(--t);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.tuile .nom{font-weight:650;font-size:15px;line-height:1.25;min-height:2.5em;margin-top:2px}.tuile .meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;width:100%;font-size:13px;color:var(--mu);min-height:1.2em}.pastille{font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--bd);color:var(--mu)}.p-possede{background:var(--ok-bg);color:var(--ok-tx)}.p-commande,.p-rupture{background:var(--wa-bg);color:var(--wa-tx)}.p-cartes{background:var(--ach);color:var(--ac)}@media (max-width:620px){.tuiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:520px){.tuiles{grid-template-columns:repeat(2,1fr);gap:8px}.tuile .logo{height:90px;margin:8px 0 4px}.tuile-zone{padding:10px}.tuile .nom{font-size:14px}.bloc{padding:10px}}.ico{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:17px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--ach);color:var(--ac);border:1px solid var(--bd);font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.avatar.on{border-color:var(--ac);box-shadow:0 0 0 2px var(--ac)}.profil{background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:22px}.profil-tete{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.profil-tete .avatar{width:64px;height:64px;font-size:24px;cursor:default}.profil-tete h2{font-size:26px;margin:0}.profil hr{border:0;border-top:1px solid var(--bd);margin:20px 0}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.actions .btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--bg)}.actions .btn.on{border-color:var(--ac);color:var(--ac)}.reglages{display:grid;gap:16px;max-width:460px}.reglages label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mu)}.reglages form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.segment{display:inline-flex;border:1px solid var(--bd);border-radius:9px;overflow:hidden;width:max-content}.segment button{border:0;background:var(--sf);color:var(--tx);font:inherit;padding:7px 14px;cursor:pointer}.segment button.on{background:var(--ac);color:#fff}.btn.danger{background:var(--dg-bg);color:var(--dg);border-color:transparent}.zone-danger{border-top-color:var(--dg-bg)!important}.tuile .logo{display:block;width:100%;height:140px;margin:10px 0 6px;overflow:hidden}.tuile .logo.sans{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:17px;line-height:1.2;color:var(--mu);padding:0 6px}.tuile .logo img{display:block;width:100%;height:100%;object-fit:contain}.illu{display:flex;align-items:center;gap:6px}.illu img{width:64px;height:32px;object-fit:contain;background:var(--bg);border-radius:4px}.illu .vide{width:64px;height:32px;border:1px dashed var(--bd);border-radius:4px}.illu input[type=file]{display:none}.pied{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-top:1px solid var(--tile-bd)}.pied .pastille{border:0;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pied .pastille span{opacity:.7;margin-left:2px}.pied .pastille:hover{filter:brightness(.95)}.chip{flex-shrink:0;border:1px dashed var(--bd);background:transparent;color:var(--mu);font:inherit;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;cursor:pointer;white-space:nowrap}.chip:hover{border-color:var(--c);color:var(--tx)}.chip.on{border:1px solid var(--c);background:var(--c);color:var(--t)}