*{box-sizing:border-box}
:root{
  --ink:#171927;
  --muted:#8b8fa1;
  --white:rgba(255,255,255,.82);
}
html,body{width:100%;height:100%;overflow:hidden}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 14%,rgba(139,124,246,.24),transparent 26%),
    radial-gradient(circle at 88% 8%,rgba(103,174,247,.22),transparent 28%),
    radial-gradient(circle at 72% 88%,rgba(93,211,180,.22),transparent 28%),
    linear-gradient(145deg,#fbfaff,#f6f7fb 48%,#f5fbf8);
  -webkit-font-smoothing:antialiased;
}
button,input{font:inherit}
a{text-decoration:none;color:inherit}
[hidden]{display:none!important}

.launchpad-page{position:relative;isolation:isolate}
.orb{
  position:absolute;
  border-radius:50%;
  filter:blur(30px);
  pointer-events:none;
  z-index:-1;
  animation:float 11s ease-in-out infinite alternate;
}
.orb-a{width:280px;height:280px;left:-90px;top:18%;background:rgba(239,132,176,.15)}
.orb-b{width:320px;height:320px;right:-110px;top:28%;background:rgba(111,164,245,.14);animation-delay:-4s}
.orb-c{width:260px;height:260px;left:45%;bottom:-140px;background:rgba(95,207,178,.15);animation-delay:-7s}
@keyframes float{to{transform:translate3d(18px,-18px,0) scale(1.06)}}

.launchpad-head{
  position:absolute;
  left:0;right:0;top:0;
  height:86px;
  padding:max(18px,env(safe-area-inset-top)) clamp(22px,4vw,54px) 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  z-index:10;
}
.launchpad-brand{display:flex;align-items:center;gap:11px}
.launchpad-brand>span{
  width:44px;height:44px;border-radius:15px;
  display:grid;place-items:center;
  color:white;font-size:19px;font-weight:850;
  background:linear-gradient(145deg,#897af4,#69a8f3 50%,#64cfb0);
  box-shadow:0 14px 28px rgba(99,96,200,.22);
}
.launchpad-brand b{font-size:18px;letter-spacing:-.02em}
.launchpad-actions{display:flex;gap:8px}
.launchpad-actions button,.launchpad-actions a{
  width:42px;height:42px;border:1px solid rgba(93,99,126,.08);
  border-radius:14px;background:rgba(255,255,255,.65);
  backdrop-filter:blur(18px);
  display:grid;place-items:center;
  color:#5e6374;font-size:17px;
  box-shadow:0 10px 25px rgba(55,59,88,.05);
}

.launchpad-main{
  height:100dvh;
  width:min(1180px,100%);
  margin:auto;
  padding:108px clamp(22px,5vw,66px) 54px;
  display:grid;
  grid-template-rows:auto 1fr;
  gap:26px;
}
.launchpad-intro{text-align:center}
.launchpad-intro>span{
  display:block;
  font-size:11px;font-weight:850;letter-spacing:.16em;
  color:#7e72e8;
  margin-bottom:8px;
}
.launchpad-intro h1{
  margin:0;
  font-size:clamp(28px,4.2vw,48px);
  line-height:1;
  letter-spacing:-.05em;
  font-weight:760;
}
.launchpad-grid{
  width:100%;
  align-self:center;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(22px,4vh,38px) clamp(20px,4vw,48px);
  justify-items:center;
}
.launch-app{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:11px;
  animation:appIn .48s cubic-bezier(.2,.8,.2,1) both;
  animation-delay:var(--delay);
}
@keyframes appIn{from{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:none}}
.launch-icon{
  position:relative;
  width:clamp(78px,8vw,112px);
  aspect-ratio:1;
  border-radius:28%;
  display:grid;
  place-items:center;
  font-size:clamp(30px,3vw,44px);
  color:white;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.32),transparent 30%),
    linear-gradient(145deg,var(--a),var(--b));
  box-shadow:
    0 20px 40px color-mix(in srgb,var(--a) 25%,transparent),
    inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .18s ease,filter .18s ease;
}
.launch-app:hover .launch-icon{transform:translateY(-6px) scale(1.04);filter:saturate(1.08)}
.launch-app:active .launch-icon{transform:scale(.94)}
.launch-icon em{
  position:absolute;
  right:-7px;top:-7px;
  padding:5px 7px;
  border-radius:99px;
  background:#ff4f78;
  color:#fff;
  font-size:9px;
  font-style:normal;
  font-weight:800;
  box-shadow:0 6px 14px rgba(220,64,104,.25);
}
.launch-app>b{
  width:100%;
  text-align:center;
  font-size:clamp(12px,1.2vw,15px);
  font-weight:650;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.launchpad-search{
  position:fixed;
  top:20px;left:50%;
  transform:translate(-50%,-130%);
  z-index:30;
  width:min(560px,calc(100% - 30px));
  height:56px;
  border-radius:19px;
  padding:0 10px 0 18px;
  display:grid;
  grid-template-columns:30px 1fr 38px;
  align-items:center;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(30px);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 28px 70px rgba(48,52,82,.17);
  opacity:0;
  transition:.25s ease;
}
.launchpad-search.open{transform:translate(-50%,0);opacity:1}
.launchpad-search>span{color:#8b90a0}
.launchpad-search input{
  border:0;outline:0;background:transparent;
  font-size:15px;color:#272b3b;
}
.launchpad-search button{
  width:34px;height:34px;border:0;border-radius:11px;
  background:#f0f1f5;color:#72798b;font-size:18px;
}
.launchpad-empty{
  position:absolute;inset:45% 0 auto;
  text-align:center;color:#8c91a1;
  display:flex;flex-direction:column;align-items:center;gap:6px;
}


@media(max-width:850px){
  .launchpad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .launchpad-main{padding-top:100px}
}
@media(max-width:600px){
  .launchpad-head{height:74px;padding:14px 16px}
  .launchpad-brand>span{width:40px;height:40px;border-radius:14px}
  .launchpad-brand b{font-size:16px}
  .launchpad-actions button,.launchpad-actions a{width:38px;height:38px;border-radius:13px}
  .launchpad-main{
    padding:88px 18px max(44px,env(safe-area-inset-bottom));
    gap:18px;
  }
  .launchpad-intro>span{font-size:9px;margin-bottom:6px}
  .launchpad-intro h1{font-size:30px}
  .launchpad-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:25px 16px;
  }
  .launch-icon{width:min(23vw,84px);border-radius:25%}
  .launch-app>b{font-size:12px}
  
}
@media(max-width:380px){
  .launchpad-grid{gap:20px 12px}
  .launch-icon{width:min(22vw,74px)}
  .launch-app>b{font-size:11px}
}
@media(max-height:700px) and (min-width:700px){
  .launchpad-main{padding-top:88px;gap:14px}
  .launchpad-intro h1{font-size:32px}
  .launchpad-grid{gap:20px 38px}
  .launch-icon{width:82px}
}

.install-page,.login-page{
  min-height:100vh;overflow:auto;
  background:linear-gradient(145deg,#f8f7ff,#f4faf7);
  display:grid;place-items:center;padding:24px;
}
.install-shell,.login-shell{width:min(760px,100%)}
.install-brand,.portal-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.install-brand>span,.portal-brand>span{width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#8b7cf6,#65cfb2);color:white;display:grid;place-items:center;font-weight:850}
.install-brand>div,.portal-brand>div{display:flex;flex-direction:column}
.install-card,.login-card,.admin-editor{padding:30px;border-radius:28px;background:white;box-shadow:0 30px 80px rgba(49,53,83,.1)}
.install-card h1,.login-card h1{font-size:38px;margin:9px 0}
.install-card p,.login-card p{color:#7d8495}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid .wide{grid-column:1/-1}
.install-card label,.login-card label,.admin-editor label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#667083}
.install-card input,.login-card input,.admin-editor input,.admin-editor textarea{
  min-height:46px;border:1px solid rgba(95,102,132,.14);border-radius:13px;background:#f7f8fb;padding:10px;font-size:15px
}
.install-card button,.login-card button,.admin-editor button{
  width:100%;min-height:48px;margin-top:14px;border:0;border-radius:14px;background:#171b2c;color:white;font-weight:750
}
.login-shell{max-width:500px}.login-shell>.portal-brand{margin-bottom:15px}.login-card form{display:flex;flex-direction:column;gap:10px}
.error{padding:11px;border-radius:12px;background:#ffedef;color:#ab5661}
.admin-page{min-height:100vh;overflow:auto;background:#f7f8fc;display:grid;grid-template-columns:250px 1fr}
.admin-side{padding:20px;background:#111522;color:white}.admin-side nav{display:flex;flex-direction:column;gap:6px;margin-top:35px}.admin-side nav a{padding:10px;border-radius:11px;text-decoration:none;color:#a8b0c0}.admin-side nav a.active{background:#242a3d;color:white}
.admin-main{padding:30px}.admin-main>header{display:flex;justify-content:space-between;align-items:center}.admin-main h1{font-size:38px;margin:6px 0}.admin-main>header p{color:#838b9c}.admin-main>header>a{padding:12px 15px;border-radius:13px;background:#171b2c;color:white;text-decoration:none}
.admin-layout{display:grid;grid-template-columns:1fr 420px;gap:16px;margin-top:25px}.admin-list{display:flex;flex-direction:column;gap:8px}.admin-list article{padding:13px;border-radius:18px;background:white;display:grid;grid-template-columns:52px 1fr auto auto;gap:12px;align-items:center}
.mini-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,var(--a),var(--b));display:grid;place-items:center;color:white;font-size:21px}
.admin-list h3{margin:3px 0}.admin-list p,.admin-list small{color:#8b92a2;font-size:11px}.admin-list em{font-size:11px}.admin-list a{font-size:12px;text-decoration:none}
.admin-editor h2{font-size:24px}.admin-editor form{display:flex;flex-direction:column;gap:9px}.admin-editor textarea{min-height:100px}.editor-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-editor .check{flex-direction:row;align-items:center}.admin-editor .check input{min-height:auto;width:auto}.admin-editor .delete{background:#b84f5d}
@media(max-width:850px){.admin-layout{grid-template-columns:1fr}.admin-page{grid-template-columns:1fr}.admin-side{display:none}}
@media(max-width:600px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.install-card,.login-card{padding:22px}.admin-main{padding:16px}}

/* V3 — plein écran intégral */
html{
  width:100%;
  min-height:100%;
  background:
    radial-gradient(circle at 12% 14%,rgba(139,124,246,.24),transparent 26%),
    radial-gradient(circle at 88% 8%,rgba(103,174,247,.22),transparent 28%),
    radial-gradient(circle at 72% 88%,rgba(93,211,180,.22),transparent 28%),
    linear-gradient(145deg,#fbfaff,#f6f7fb 48%,#f5fbf8);
}
body.launchpad-page{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  min-height:100%;
  overflow:hidden;
  background:transparent;
}
body.launchpad-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at 12% 14%,rgba(139,124,246,.24),transparent 26%),
    radial-gradient(circle at 88% 8%,rgba(103,174,247,.22),transparent 28%),
    radial-gradient(circle at 72% 88%,rgba(93,211,180,.22),transparent 28%),
    linear-gradient(145deg,#fbfaff,#f6f7fb 48%,#f5fbf8);
}
.launchpad-main{
  min-height:100%;
  height:100%;
  padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
}
.launchpad-grid{
  align-content:center;
}
.launchpad-intro h1{
  font-weight:780;
}
@media(max-width:600px){
  .launchpad-main{
    height:100%;
    min-height:100%;
    padding-bottom:max(24px,env(safe-area-inset-bottom))!important;
  }
}

/* =========================================================
   JOOSMN V4 — ESPACE ADMINISTRATEUR PRIVÉ
   ========================================================= */
.secure-login-page{
  min-height:100dvh!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 10%,rgba(104,157,242,.18),transparent 28%),
    radial-gradient(circle at 15% 85%,rgba(91,205,176,.13),transparent 28%),
    radial-gradient(circle at 10% 8%,rgba(133,118,241,.14),transparent 26%),
    #0f1320!important;
  color:#f6f7fb;
  position:relative;
}
.secure-orb{position:absolute;border-radius:50%;filter:blur(35px);pointer-events:none}
.secure-orb-a{width:300px;height:300px;right:-100px;top:18%;background:rgba(126,111,238,.16)}
.secure-orb-b{width:260px;height:260px;left:-100px;bottom:5%;background:rgba(88,203,174,.12)}
.secure-login-shell{
  width:min(460px,100%);
  min-height:100dvh;
  margin:auto;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.secure-back{
  position:absolute;
  top:max(22px,env(safe-area-inset-top));
  left:22px;
  color:#8e96aa;
  font-size:12px;
  text-decoration:none;
}
.secure-login-card{
  padding:36px;
  border-radius:32px;
  background:rgba(23,28,44,.82);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 35px 90px rgba(0,0,0,.34);
  backdrop-filter:blur(28px);
}
.secure-lock{
  width:58px;height:58px;border-radius:19px;
  display:grid;place-items:center;
  font-size:25px;
  background:linear-gradient(145deg,#7768ed,#64a6ef 50%,#5fcdb0);
  box-shadow:0 18px 38px rgba(99,96,205,.24);
  margin-bottom:25px;
}
.secure-kicker{font-size:10px;font-weight:850;letter-spacing:.18em;color:#8d82f3}
.secure-login-card h1{font-size:38px;letter-spacing:-.05em;margin:8px 0 5px}
.secure-login-card>p{font-size:13px;color:#8d95a9;margin:0 0 25px}
.secure-login-card form{display:flex;flex-direction:column;gap:13px}
.secure-login-card label{display:flex;flex-direction:column;gap:7px}
.secure-login-card label>span{font-size:11px;color:#a8afbf}
.secure-login-card input{
  width:100%;height:50px;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.055)!important;
  padding:0 14px!important;
  color:white!important;
  font-size:15px!important;
}
.secure-login-card input:focus{
  border-color:rgba(127,113,240,.65)!important;
  box-shadow:0 0 0 4px rgba(127,113,240,.12)!important;
}
.secure-password{display:grid;grid-template-columns:1fr 42px;gap:7px}
.secure-password button{
  border:0;border-radius:13px;
  background:rgba(255,255,255,.07);
  color:#9ca4b6;
}
.secure-submit{
  height:50px;border:0;border-radius:15px;
  background:linear-gradient(135deg,#786bef,#64a4ef 48%,#5fcdb0);
  color:white;font-weight:800;font-size:14px;
  box-shadow:0 18px 35px rgba(89,93,191,.22);
}
.secure-note{display:block;text-align:center;margin-top:18px;color:#697287;font-size:10px}
.secure-error{padding:10px 12px;border-radius:12px;background:rgba(208,75,96,.16);color:#ff9aaa;font-size:12px;margin-bottom:13px}

/* admin connected */
.private-admin-page{
  min-height:100vh!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 90% 0,rgba(107,167,245,.14),transparent 27%),
    radial-gradient(circle at 55% 100%,rgba(91,205,176,.11),transparent 30%),
    #f7f8fc!important;
}
.private-admin-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}
.private-sidebar{
  position:sticky;top:0;height:100vh;
  padding:19px 14px;
  background:linear-gradient(180deg,#101421,#14192a);
  color:white;
  display:flex;flex-direction:column;
  z-index:100;
}
.private-brand{display:grid;grid-template-columns:44px 1fr 30px;gap:10px;align-items:center}
.private-brand>span{
  width:44px;height:44px;border-radius:15px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#8879f4,#67a7f2 50%,#60cdae);
  font-size:18px;font-weight:850;
}
.private-brand>div{display:flex;flex-direction:column}
.private-brand b{font-size:16px}.private-brand small{font-size:10px;color:#7f889c}
.private-brand>button{display:none;border:0;border-radius:9px;background:#22283a;color:white}
.private-sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:34px}
.private-sidebar nav a{
  display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;
  padding:9px;border-radius:13px;color:#a5aec0;text-decoration:none;
}
.private-sidebar nav a.active{background:linear-gradient(135deg,rgba(120,106,238,.25),rgba(91,205,176,.1));color:white}
.private-sidebar nav a>span{width:38px;height:38px;border-radius:12px;background:#1b2031;display:grid;place-items:center}
.private-sidebar nav a>div{display:flex;flex-direction:column}
.private-sidebar nav b{font-size:12px}.private-sidebar nav small{font-size:9px;color:#707a8f}
.private-user{
  margin-top:auto;padding:10px;border-radius:15px;background:#191e2d;
  display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;
}
.private-user>span{width:38px;height:38px;border-radius:12px;background:#292f43;display:grid;place-items:center;font-size:13px;font-weight:850}
.private-user>div{display:flex;flex-direction:column}.private-user b{font-size:11px}.private-user small{font-size:9px;color:#737c91}

.private-main{min-width:0}
.private-topbar{
  position:sticky;top:0;z-index:50;
  min-height:90px;padding:16px 26px;
  display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;
  background:rgba(247,248,252,.82);
  backdrop-filter:blur(24px);
  border-bottom:1px solid rgba(90,98,128,.08);
}
.private-topbar>button{display:none;width:34px;height:34px;border:0;border-radius:11px;background:white}
.private-topbar>div{display:flex;flex-direction:column}
.private-topbar small{font-size:9px;letter-spacing:.16em;color:#7569e9;font-weight:850}
.private-topbar h1{font-size:28px;letter-spacing:-.04em;margin:2px 0}
.private-topbar p{font-size:11px;color:#8a92a3;margin:0}
.private-topbar>a{
  padding:11px 14px;border-radius:13px;
  background:#171b2c;color:white;text-decoration:none;
  font-size:12px;font-weight:750;
}
.private-content{padding:22px 26px 80px}
.private-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.private-stats article{
  padding:14px;border-radius:20px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(93,101,132,.09);
  box-shadow:0 15px 38px rgba(49,53,83,.05);
  display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;
}
.private-stats article>span{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#f0edff,#edf7ff 52%,#eaf9f4);display:grid;place-items:center;font-size:18px}
.private-stats article>div{display:flex;flex-direction:column}
.private-stats small{font-size:10px;color:#8a92a3}.private-stats b{font-size:26px}
.private-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:14px}
.private-list-panel,.private-editor-panel{
  min-width:0;padding:18px;border-radius:25px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(93,101,132,.09);
  box-shadow:0 18px 45px rgba(49,53,83,.055);
}
.private-list-panel>header,.private-editor-panel>header{display:flex;justify-content:space-between;align-items:center}
.private-list-panel header small,.private-editor-panel header small{font-size:9px;letter-spacing:.14em;color:#7569e9;font-weight:850}
.private-list-panel h2,.private-editor-panel h2{font-size:22px;margin:3px 0 14px}
.private-list-panel>header>span{font-size:10px;color:#8b92a2}
.private-editor-panel>header>a{width:30px;height:30px;border-radius:10px;background:#f0f1f5;display:grid;place-items:center;text-decoration:none;color:#6e7688}
.private-app-list{display:flex;flex-direction:column;gap:7px}
.private-app-list article{
  display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;
  gap:11px;align-items:center;
  padding:11px;border-radius:16px;
  background:linear-gradient(145deg,#fbfcff,#f7f8fc);
  border:1px solid rgba(93,101,132,.07);
}
.private-app-icon{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,var(--a),var(--b));display:grid;place-items:center;color:white;font-size:22px;box-shadow:0 12px 25px color-mix(in srgb,var(--a) 18%,transparent)}
.private-app-copy{min-width:0}
.private-app-copy small{font-size:9px;color:#8a92a3}.private-app-copy h3{font-size:15px;margin:2px 0}.private-app-copy p{font-size:10px;color:#8a92a3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.private-app-state{display:flex;align-items:center;gap:6px;font-size:10px;color:#6e7688}
.private-app-state i{width:7px;height:7px;border-radius:50%;background:#58c9a8}
.private-app-state.hidden i{background:#c1c5cf}
.private-app-list article>a{padding:8px 10px;border-radius:10px;background:#f0f1f5;text-decoration:none;font-size:10px;color:#626b7d}
.private-form{display:flex;flex-direction:column;gap:9px}
.private-form label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#697286;font-weight:750}
.private-form input,.private-form textarea{
  width:100%;min-height:44px;border:1px solid rgba(95,102,132,.13)!important;
  border-radius:12px!important;background:#f8f9fc!important;padding:10px!important;font-size:13px!important
}
.private-form textarea{min-height:88px;resize:vertical}
.private-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.private-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.private-toggles label{
  display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;
  padding:10px;border-radius:13px;background:#f8f9fc;
}
.private-toggles input{min-height:auto!important;width:auto}
.private-toggles span{display:flex;flex-direction:column}
.private-toggles b{font-size:10px}.private-toggles small{font-size:8px;color:#8d95a5}
.private-save{min-height:46px;border:0;border-radius:13px;background:linear-gradient(135deg,#171b2c,#30364d);color:white;font-weight:800}
.private-delete{width:100%;margin-top:9px;min-height:42px;border:0;border-radius:12px;background:#fff0f2;color:#b55361;font-weight:750}
.private-overlay{display:none}

@media(max-width:980px){
  .private-grid{grid-template-columns:1fr}
  .private-editor-panel{order:-1}
}
@media(max-width:760px){
  .secure-login-shell{padding:18px}
  .secure-login-card{padding:27px;border-radius:26px}
  .secure-login-card h1{font-size:32px}

  .private-admin-shell{display:block}
  .private-sidebar{
    position:fixed;left:0;top:0;width:min(290px,86vw);
    transform:translateX(-105%);transition:.22s;
    box-sizing:border-box;
  }
  .private-menu-open .private-sidebar{transform:none}
  .private-brand>button{display:block}
  .private-overlay{position:fixed;inset:0;z-index:90;background:rgba(16,18,28,.38);backdrop-filter:blur(6px)}
  .private-menu-open .private-overlay{display:block}
  .private-topbar{grid-template-columns:36px 1fr auto;padding:12px 14px;min-height:76px}
  .private-topbar>button{display:block}
  .private-topbar h1{font-size:21px}
  .private-topbar p{font-size:9px}
  .private-topbar>a{padding:9px 11px;font-size:10px}
  .private-content{padding:12px 12px 60px}
  .private-stats{grid-template-columns:repeat(3,1fr);gap:6px}
  .private-stats article{padding:9px;border-radius:16px;grid-template-columns:34px 1fr;gap:7px}
  .private-stats article>span{width:34px;height:34px;border-radius:11px;font-size:14px}
  .private-stats small{font-size:8px}.private-stats b{font-size:19px}
  .private-list-panel,.private-editor-panel{padding:13px;border-radius:20px}
  .private-app-list article{grid-template-columns:46px minmax(0,1fr) auto;padding:9px}
  .private-app-icon{width:46px;height:46px;border-radius:15px;font-size:19px}
  .private-app-state{display:none}
  .private-app-copy h3{font-size:13px}
  .private-app-copy p{font-size:9px}
  .private-form-row,.private-toggles{grid-template-columns:1fr}
}
@media(max-width:390px){
  .private-topbar>a{font-size:0;width:38px;height:38px;padding:0;display:grid;place-items:center}
  .private-topbar>a:before{content:"＋";font-size:18px}
}