:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18223a;background:#eef3fb;--blue:#0e66ff;--border:#d8e1ef;--muted:#6c7890;--sidebar:#14213b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% -20%,#c9dcff 0,transparent 42%),#eef3fb}button,input,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;display:flex;flex-direction:column;padding:22px 16px;background:linear-gradient(180deg,#152541,#101b31);color:#fff;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.brand-mark,.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0e66ff;color:#fff;font-weight:850}.brand strong,.brand span{display:block}.brand .eyebrow{color:#80afff}.eyebrow{margin-bottom:3px;color:#0e66ff;font-size:11px;font-weight:800;letter-spacing:.13em}.nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:9px;padding:11px 12px;background:transparent;color:#b8c7df;text-align:left;cursor:pointer;font-weight:700}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:#0e66ff;color:#fff;box-shadow:0 7px 20px rgba(14,102,255,.28)}.nav-item span{width:20px;text-align:center}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:16px}.admin-mini{display:flex;align-items:center;gap:10px;margin-bottom:12px}.admin-mini .avatar{width:36px;height:36px;border-radius:50%}.admin-mini strong,.admin-mini span{display:block}.admin-mini strong{font-size:12px}.admin-mini span{margin-top:2px;color:#91a3c1;font-size:10px}.main-wrap{width:calc(100% - 260px);margin-left:260px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:14px 28px;border-bottom:1px solid rgba(203,215,234,.8);background:rgba(248,250,255,.88);backdrop-filter:blur(14px)}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.15}h2{font-size:16px}.top-actions{display:flex;align-items:center;gap:12px}.top-avatar{width:38px;height:38px;border:0;border-radius:50%}.status-pill,.badge,.version{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbd7ea;border-radius:999px;padding:6px 10px;background:#f8faff;color:#63708a;font-size:11px;font-weight:700}.status-pill i{width:7px;height:7px;border-radius:50%;background:#27a564;box-shadow:0 0 0 3px #dff7eb}.menu-button{display:none;border:0;background:transparent;font-size:22px;cursor:pointer}main{max-width:1440px;margin:0 auto;padding:28px}.view{display:none}.view.active{display:block}.card{border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(41,67,112,.08);padding:18px}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px}.hero h2{margin:3px 0 7px;font-size:22px}.hero p,.muted{color:var(--muted);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.stat-card{border:1px solid var(--border);border-radius:12px;padding:17px;background:#fff;box-shadow:0 8px 28px rgba(41,67,112,.06)}.stat-card span,.stat-card small,.setting-row span{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;margin:5px 0 2px;color:var(--blue);font-size:27px}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head p,.page-head p{margin-top:4px;color:var(--muted);font-size:11px}.activity-list{margin-top:12px}.activity{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #edf0f6}.activity:first-child{border-top:0}.activity-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-weight:900}.activity-icon.success{background:#effaf3;color:#185c39}.activity-icon.info{background:#edf4ff;color:#174b9c}.activity-icon.warning{background:#fff9e9;color:#7a4b00}.activity strong{font-size:12px}.activity p,.activity time{color:var(--muted);font-size:10px}.badge.success{border-color:#b9dec8;background:#effaf3;color:#185c39}.check-list{display:grid;gap:9px;margin:16px 0;padding:0;list-style:none;font-size:12px}.check-list span{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border-radius:50%;background:#dff7eb;color:#176047}.security-card{margin-top:12px;border:1px solid #b9dec8;border-radius:10px;padding:11px 13px;color:#185c39;background:#effaf3;font-size:11px;line-height:1.45}.security-card.warning{border-color:#f2cf86;color:#7a4b00;background:#fff9e9}.security-card strong,.security-card span{display:block}.primary,.secondary,.quiet{border:1px solid #cbd7ea;border-radius:8px;padding:9px 13px;cursor:pointer;font-weight:750}.primary{border-color:#0e66ff;color:#fff;background:#0e66ff}.secondary{border-color:#b8cae6;color:#174b9c;background:#edf4ff}.quiet{color:#53627d;background:#f7f9fc}.full{width:100%}.sidebar .quiet{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#b8c7df}.page-head{margin-bottom:14px}.page-head h2{font-size:20px}.toolbar{display:flex;gap:9px;margin-bottom:14px}.toolbar input{flex:1}.toolbar input,.toolbar select,label input,label select,.small-input{border:1px solid #cbd7ea;border-radius:8px;padding:9px 10px;color:#1f2a44;background:#fff}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:12px 10px;border-bottom:1px solid #edf0f6;text-align:left;white-space:nowrap}th{color:#6c7890;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.user-cell{display:flex;align-items:center;gap:9px}.user-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#edf4ff;color:#0e66ff;font-weight:800}.role-pill{border-radius:999px;padding:4px 7px;background:#edf4ff;color:#1558b5;font-size:10px;font-weight:800}.role-pill.admin{background:#f0eaff;color:#6842b6}.state{display:inline-flex;align-items:center;gap:5px;color:#176047}.state.off{color:#8f2020}.state:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.row-actions{border:0;background:transparent;color:#53627d;cursor:pointer;font-size:18px}.empty{text-align:center;padding:70px 20px}.big-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:15px;background:#edf4ff;color:#0e66ff;font-size:24px}.empty p{max-width:500px;margin:8px auto 16px;color:var(--muted);font-size:12px}.audit-row{display:grid;grid-template-columns:190px 1fr auto;gap:15px;padding:13px 2px;border-top:1px solid #edf0f6;font-size:11px}.audit-row:first-child{border-top:0}.audit-row code{color:#1558b5;font-weight:800}.audit-row time{color:var(--muted)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid #edf0f6;font-size:12px}.switch input{display:none}.switch span{position:relative;display:block;width:42px;height:24px;border-radius:999px;background:#cbd7ea;cursor:pointer}.switch span:after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;content:"";transition:.2s}.switch input:checked+span{background:#0e66ff}.switch input:checked+span:after{transform:translateX(18px)}.small-input{width:90px}.hint{margin-top:10px;color:var(--muted);font-size:11px}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(10,20,40,.45);backdrop-filter:blur(3px)}.modal{width:min(460px,100%)}.modal label{display:grid;gap:6px;margin-top:14px;font-size:11px;font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.hidden{display:none!important}.toast{position:fixed;right:20px;bottom:20px;z-index:80;border:1px solid #b8cae6;border-radius:9px;padding:11px 14px;background:#edf4ff;color:#174b9c;box-shadow:0 8px 28px rgba(41,67,112,.14);font-size:12px}
@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-wrap{width:100%;margin-left:0}.menu-button{display:block}.topbar{justify-content:flex-start;gap:14px}.top-actions{margin-left:auto}}
@media(max-width:640px){main{padding:16px}.topbar{min-height:68px;padding:11px 15px}.topbar .status-pill{display:none}.hero{align-items:flex-start;flex-direction:column}.hero .primary{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:22px}.page-head{align-items:flex-start;flex-direction:column}.page-head .primary{width:100%}.toolbar{flex-direction:column}.table-card{padding:12px}.responsive-table table,.responsive-table thead,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block}.responsive-table thead{display:none}.responsive-table tr{margin-bottom:10px;border:1px solid #e0e6f0;border-radius:10px;padding:8px}.responsive-table td{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;padding:7px}.responsive-table td:before{content:attr(data-label);color:#8994a7;font-size:9px;font-weight:800;text-transform:uppercase}.responsive-table td:first-child{justify-content:flex-start}.responsive-table td:first-child:before{display:none}.audit-row{grid-template-columns:1fr}.audit-row time{margin-top:-8px}.topbar h1{font-size:18px}}

/* Portail utilisateur & appareils */
.preview-role{white-space:nowrap}.danger-lite{border:1px solid #ffd0d0;border-radius:8px;padding:8px 11px;color:#a92a2a;background:#fff0f0;cursor:pointer;font-weight:750}.device-list{padding:4px 18px}.device-row{display:grid;grid-template-columns:42px minmax(180px,1fr) 90px 150px auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #edf0f6}.device-row:first-child{border-top:0}.device-row p,.device-row time{color:var(--muted);font-size:10px}.device-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#edf4ff;color:#0e66ff;font-weight:900}.muted-device{background:#f2f4f8;color:#8994a7}.spaced{margin-top:10px}.access-ok{border:1px solid #b9dec8;border-radius:999px;padding:9px 13px;color:#185c39;background:#effaf3;font-size:12px;font-weight:800}.status-text{font-size:20px!important;color:#176047!important}.install-copy{margin-top:7px}.download-box{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;margin-top:16px;border:1px solid #d8e1ef;border-radius:11px;padding:14px;background:#f8fbff}.download-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;color:#fff;background:#0e66ff;font-size:22px;font-weight:900}.download-box strong,.download-box span{display:block}.download-box strong{font-size:13px}.download-box span{margin-top:3px;color:var(--muted);font-size:10px}.privacy-note{display:flex;gap:9px;margin-top:14px;border:1px solid #d8e1ef;border-radius:10px;padding:12px 14px;background:#f8faff;font-size:11px}.privacy-note strong{white-space:nowrap}.privacy-note span{color:var(--muted)}
@media(max-width:800px){.device-row{grid-template-columns:42px 1fr auto}.device-row time{grid-column:2}.device-row button{grid-column:2/4;width:100%}.preview-role{padding:7px 9px;font-size:10px}}
@media(max-width:640px){.preview-role{position:fixed;right:14px;bottom:14px;z-index:40;box-shadow:0 8px 28px rgba(41,67,112,.18)}.download-box{grid-template-columns:48px 1fr}.download-box button{grid-column:1/-1;width:100%}.access-ok{width:100%;text-align:center}.privacy-note{flex-direction:column}.user-stats{grid-template-columns:1fr 1fr}}

/* V3 — cartes appareils et distribution */
.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.device-card{min-width:0;border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff;box-shadow:0 8px 28px rgba(41,67,112,.06)}.device-card.inactive{background:#fbfcfe}.device-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px}.device-main{min-width:0}.device-main strong,.device-main span{display:block}.device-main strong{font-size:14px}.device-main span{margin-top:3px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.device-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid #edf0f6}.device-meta>div:last-child{grid-column:1/-1}.device-meta span,.device-meta strong{display:block}.device-meta span{color:#8994a7;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.device-meta strong{margin-top:3px;color:#263b60;font-size:11px}.device-actions{display:flex;justify-content:flex-end;margin-top:15px}.extension-download{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;border-color:#b8d1fb;background:linear-gradient(135deg,#fff,#f4f8ff)}.extension-download h2{margin:3px 0 5px;font-size:20px}.extension-download-actions{display:flex;gap:9px;flex-wrap:wrap}.extension-download-actions button{white-space:nowrap}@media(max-width:1100px){.device-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.device-grid{grid-template-columns:1fr}.extension-download{align-items:flex-start;flex-direction:column}.extension-download-actions{width:100%}.extension-download-actions button{width:100%}}

/* Authentification GJDEV */
.hidden{display:none!important}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 10%,rgba(14,102,255,.12),transparent 34%),#eef3fb}
.login-card{width:min(440px,100%);padding:30px}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-brand>div:last-child{display:flex;flex-direction:column;gap:2px}.login-brand strong{font-size:16px}
.login-heading h1{margin:0 0 8px;font-size:30px}.login-heading p{margin:0 0 26px;color:#66738a}
.login-form{display:grid;gap:18px}.login-form label,.modal form label{display:grid;gap:8px;font-weight:700;font-size:13px}.login-form input,.modal input,.modal select{width:100%;box-sizing:border-box;border:1px solid #cbd6e6;border-radius:10px;background:#fff;padding:12px 13px;color:#18223a;font:inherit;outline:none}.login-form input:focus,.modal input:focus,.modal select:focus{border-color:#0e66ff;box-shadow:0 0 0 3px rgba(14,102,255,.12)}
.login-submit{margin-top:4px;padding:13px}.login-submit:disabled{opacity:.65;cursor:wait}.login-error{padding:11px 12px;border-radius:9px;background:#fff0f0;border:1px solid #f1c4c4;color:#a12626;font-size:13px}.login-foot{display:flex;justify-content:center;margin-top:24px}
.loading-cell,.empty-inline{padding:24px;text-align:center;color:#718096}.error-text{color:#a12626}.compact{padding:7px 10px;font-size:12px}.action-stack{display:grid;gap:10px;margin-top:20px}.session-list{padding:0;overflow:hidden}.session-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid #e3e9f2}.session-row:last-child{border-bottom:0}.session-row p,.session-row small{margin:4px 0 0;color:#718096}.full{width:100%}
.toast[data-type="error"]{border-color:#f1c4c4}.toast[data-type="success"]{border-color:#b9e2c5}
@media(max-width:700px){.login-screen{padding:16px}.login-card{padding:22px}.session-row{grid-template-columns:1fr auto}.session-row button{grid-column:1/-1;width:100%}}

/* GJDEV branding v5 */
.brand-logo{display:block;object-fit:contain}
.sidebar-logo{width:44px;height:44px;flex:0 0 44px}
.login-logo {
  width: 64px;
  height: 64px;
  margin: 0 auto;
}
.account-logo{width:36px;height:36px;object-fit:contain;flex:0 0 36px}
.login-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.login-brand strong{font-size:18px;letter-spacing:.02em}
@media (max-width:720px){
  .login-logo{width:56px;height:56px}
  .sidebar-logo{width:40px;height:40px;flex-basis:40px}
}