*{box-sizing:border-box}:root{--bg:#0d1117;--panel:#161b22;--panel2:#20262f;--text:#f2f5f8;--muted:#9aa7b5;--line:#2b3440;--brand:#1595c5;--shadow:0 18px 45px rgba(0,0,0,.25)}:root[data-theme=light]{--bg:#eef3f7;--panel:#fff;--panel2:#f5f8fa;--text:#15202b;--muted:#5c6975;--line:#d8e0e7;--shadow:0 14px 35px rgba(30,60,80,.12)}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);z-index:10}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none}.brand small{display:block;color:var(--muted)}.logo,.big-logo,.app-icon{display:grid;place-items:center;background:linear-gradient(135deg,#1595c5,#7957d5);color:#fff;font-weight:800}.logo{width:42px;height:42px;border-radius:13px}.big-logo{width:74px;height:74px;border-radius:22px;font-size:32px;margin:auto}.head-actions{display:flex;gap:10px;align-items:center}main{width:min(1450px,92vw);margin:0 auto;padding:38px 0 70px}.hero{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.hero h1{font-size:clamp(30px,4vw,54px);line-height:1.08;margin:5px 0 12px;max-width:800px}.hero p{color:var(--muted);max-width:750px}.eyebrow{font-weight:800;letter-spacing:.16em;color:#48b8df!important;font-size:12px}.primary,.secondary,.danger,.icon-btn{border:0;border-radius:11px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.primary{background:var(--brand);color:white}.primary:disabled{opacity:.45}.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.danger{background:#b72d3b;color:white}.icon-btn{background:var(--panel2);color:var(--text);padding:10px}.toolbar{display:flex;gap:10px;margin:22px 0}.toolbar input{flex:1}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.chips a{color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:8px 13px;border-radius:999px;text-decoration:none}.chips a.active{color:white;background:var(--brand);border-color:transparent}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.card{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 13%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:20px;padding:21px;box-shadow:var(--shadow);min-height:305px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between}.app-icon{width:50px;height:50px;border-radius:15px;background:var(--accent);font-size:22px}.star{border:0;background:none;color:#65707b;font-size:25px;cursor:pointer}.star.on{color:#ffd25b}.badges{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 4px}.badges span{font-size:11px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.card h2{margin:10px 0 4px}.card p{color:var(--muted);flex:1}.card>small{color:var(--muted)}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.flash{padding:12px 15px;border-radius:10px;margin-bottom:16px}.flash.success{background:#143e2b}.flash.error{background:#59212a}.login-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center}.login-card{width:min(440px,95vw);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow);text-align:center}.login-card p,.login-card small{color:var(--muted)}label{display:grid;gap:6px;text-align:left;margin:14px 0;color:var(--muted);font-weight:600}input,textarea{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:12px;font:inherit}textarea{min-height:90px}.wide{width:100%}dialog{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:20px;width:min(560px,94vw);box-shadow:var(--shadow)}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.modal{padding:8px}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:70px}.modal-actions{margin-top:20px}.modal-actions form{margin-left:auto}@media(max-width:700px){header{padding:0 14px}.brand small{display:none}main{width:94vw;padding-top:24px}.hero{align-items:stretch;flex-direction:column}.hero .primary{width:100%}.toolbar{flex-direction:column}.grid{grid-template-columns:1fr}.head-actions .secondary{font-size:0}.head-actions .secondary:after{content:'Sortir';font-size:14px}}
/* V1.3 - ouverture par clic sur toute la tuile */
.card.clickable{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card.clickable:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(0,0,0,.32);border-color:var(--accent)}.card.clickable:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
/* V1.4 - administrateur unique, utilisateurs et journal */
.user-pill{font-size:13px;color:var(--muted);border:1px solid var(--line);padding:8px 11px;border-radius:999px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.admin-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);margin-bottom:18px}.admin-card h2{margin-top:0}.user-list{display:grid;gap:12px}.user-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:15px}.user-row small{display:block;color:var(--muted)}.user-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.user-actions form{display:flex;gap:7px;flex-wrap:wrap}.user-actions input{width:170px;padding:9px}.muted{color:var(--muted)}.audit-table{overflow:auto}.audit-table table{width:100%;border-collapse:collapse;min-width:760px}.audit-table th,.audit-table td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.audit-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.user-row{flex-direction:column}.user-actions{justify-content:flex-start}.user-pill{display:none}}
/* V1.6 - menu de compte selon le rôle */
.account-menu{position:relative}.account-menu>summary{list-style:none;display:flex;align-items:center;gap:10px;min-width:178px;padding:7px 10px;border:1px solid var(--line);border-radius:13px;background:var(--panel);cursor:pointer;user-select:none}.account-menu>summary::-webkit-details-marker{display:none}.account-menu[open]>summary{border-color:color-mix(in srgb,var(--brand) 65%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.account-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#1595c5,#7957d5);color:#fff;font-weight:800;flex:none}.account-avatar.large{width:44px;height:44px;border-radius:14px;font-size:18px}.account-summary-text{display:grid;line-height:1.15;min-width:0;text-align:left;flex:1}.account-summary-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-summary-text small{color:var(--muted);font-size:11px;margin-top:3px}.account-chevron{color:var(--muted);font-size:18px}.account-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:270px;background:var(--panel);border:1px solid var(--line);border-radius:17px;box-shadow:0 24px 65px rgba(0,0,0,.38);padding:12px;z-index:50}.account-identity{display:flex;gap:11px;align-items:center;padding:7px 7px 13px;border-bottom:1px solid var(--line)}.account-identity strong{display:block}.role{display:block;color:var(--muted);font-size:12px;margin-top:3px}.admin-role{color:#55c98c}.account-links{display:grid;padding:8px 0}.account-links a,.account-logout button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:var(--text);text-decoration:none;font:inherit;text-align:left;cursor:pointer}.account-links a:hover,.account-logout button:hover{background:var(--panel2)}.account-logout{border-top:1px solid var(--line);padding-top:8px;margin:0}.account-logout button{color:#ff9ca7;font-weight:700}.admin-card[id]{scroll-margin-top:96px}
@media(max-width:700px){.account-menu>summary{min-width:auto}.account-summary-text,.account-chevron{display:none}.account-dropdown{position:fixed;right:12px;top:70px;width:min(300px,calc(100vw - 24px))}}
/* V1.7 - menu de compte rendu explicitement visible */
.account-menu-v17{position:relative}.account-button-v17{display:flex;align-items:center;gap:10px;min-width:205px;padding:7px 11px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);cursor:pointer;font:inherit}.account-button-v17:hover,.account-button-v17[aria-expanded="true"]{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.account-dropdown-v17{position:absolute;right:0;top:calc(100% + 10px);width:280px;background:var(--panel);border:1px solid var(--line);border-radius:17px;box-shadow:0 24px 65px rgba(0,0,0,.42);padding:12px;z-index:100}.account-dropdown-v17[hidden]{display:none!important}
@media(max-width:700px){.account-button-v17{min-width:auto}.account-button-v17 .account-summary-text,.account-button-v17 .account-chevron{display:none}.account-dropdown-v17{position:fixed;right:12px;top:70px;width:min(300px,calc(100vw - 24px))}}


/* V1.9 - menu natif robuste, sans dépendance JavaScript */
.account-details-v18{position:relative}
.account-details-v18>summary{list-style:none}
.account-details-v18>summary::-webkit-details-marker{display:none}
.account-summary-v18{display:flex;align-items:center;gap:10px;min-width:190px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer;user-select:none}
.account-summary-v18:hover{border-color:var(--primary)}
.account-dropdown-v18{position:absolute;right:0;top:calc(100% + 10px);z-index:1000;width:270px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 20px 55px rgba(0,0,0,.35)}
.account-details-v18:not([open]) .account-dropdown-v18{display:none}
.account-details-v18[open] .account-chevron{transform:rotate(180deg)}
.account-summary-text{display:flex;flex-direction:column;line-height:1.15;flex:1;text-align:left}
.account-summary-text small{color:var(--muted);margin-top:3px}
.account-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#25a9dc,#7857d8);color:white;font-weight:800}
.account-avatar.large{width:42px;height:42px}
.account-identity{display:flex;gap:10px;align-items:center;padding:4px 4px 12px;border-bottom:1px solid var(--line)}
.account-identity div{display:flex;flex-direction:column;gap:3px}
.role{font-size:.82rem;color:var(--muted)}
.admin-role{color:#55d98a}
.account-links{display:grid;gap:4px;padding:10px 0}
.account-links a,.account-logout button{display:flex;width:100%;gap:9px;align-items:center;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--text);text-decoration:none;text-align:left;cursor:pointer;font:inherit}
.account-links a:hover,.account-logout button:hover{background:var(--soft)}
.account-logout{border-top:1px solid var(--line);padding-top:8px}
.admin-quickbar-v18{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding:14px 16px;border:1px solid rgba(38,169,220,.45);border-radius:14px;background:rgba(38,169,220,.08)}
.admin-quickbar-v18 div{display:flex;flex-direction:column;gap:3px}
.admin-quickbar-v18 span{color:var(--muted);font-size:.9rem}
@media(max-width:700px){.account-summary-text{display:none}.account-summary-v18{min-width:auto}.admin-quickbar-v18{align-items:flex-start;flex-direction:column}.account-dropdown-v18{right:-4px;width:min(270px,calc(100vw - 24px))}}

/* V1.9 - correction structure HTML et menu de compte réellement visible */
.account-details-v19{position:relative;display:block}
.account-details-v19>summary{list-style:none}
.account-details-v19>summary::-webkit-details-marker{display:none}
.account-summary-v19{display:flex;align-items:center;gap:10px;min-width:205px;padding:7px 11px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);cursor:pointer;user-select:none}
.account-summary-v19:hover,.account-details-v19[open]>.account-summary-v19{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}
.account-dropdown-v19{position:absolute;right:0;top:calc(100% + 10px);z-index:2000;width:280px;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:0 24px 65px rgba(0,0,0,.42)}
.account-details-v19:not([open])>.account-dropdown-v19{display:none!important}
.account-details-v19[open] .account-chevron{transform:rotate(180deg)}
@media(max-width:700px){.account-summary-v19{min-width:auto}.account-summary-v19 .account-summary-text,.account-summary-v19 .account-chevron{display:none}.account-dropdown-v19{position:fixed;right:12px;top:70px;width:min(300px,calc(100vw - 24px))}}


/* V1.9.1 - menu administrateur explicite et toujours au premier plan */
.account-menu-v191{position:relative;display:block;flex:none}
.account-trigger-v191{display:flex;align-items:center;gap:10px;min-width:205px;padding:7px 11px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);cursor:pointer;font:inherit;user-select:none}
.account-trigger-v191:hover,.account-trigger-v191[aria-expanded="true"]{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}
.account-menu-v191.is-open .account-chevron{transform:rotate(180deg)}
.account-dropdown-v191{position:absolute;right:0;top:calc(100% + 10px);z-index:99999;width:280px;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:0 24px 65px rgba(0,0,0,.48)}
.account-dropdown-v191[hidden]{display:none!important}
@media(max-width:700px){.account-trigger-v191{min-width:auto}.account-trigger-v191 .account-summary-text,.account-trigger-v191 .account-chevron{display:none}.account-dropdown-v191{position:fixed;right:12px;top:70px;width:min(300px,calc(100vw - 24px))}}

/* V1.9.3 - menu compte natif, sans JavaScript */
.account-details-v193{position:relative}
.account-details-v193>summary{list-style:none}
.account-details-v193>summary::-webkit-details-marker{display:none}
.account-summary-v193{display:flex;align-items:center;gap:10px;min-width:210px;padding:7px 11px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);cursor:pointer;user-select:none}
.account-summary-v193:hover,.account-details-v193[open]>.account-summary-v193{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}
.account-details-v193[open] .account-chevron{transform:rotate(180deg)}
.account-dropdown-v193{position:absolute;right:0;top:calc(100% + 10px);z-index:100000;width:285px;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:0 24px 65px rgba(0,0,0,.5)}
@media(max-width:700px){.account-summary-v193{min-width:auto}.account-summary-v193 .account-summary-text,.account-summary-v193 .account-chevron{display:none}.account-dropdown-v193{position:fixed;right:12px;top:70px;width:min(300px,calc(100vw - 24px))}}
