/* Hub: Startseite + Wallet + Admin */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:26px 0 10px}
.hero h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;letter-spacing:-.02em}
.hero h1 em{font-style:normal;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:1.15rem;color:var(--ink-2);max-width:540px;margin:18px 0 24px}
/* Wallet-Karte mit einlaufenden Fäden */
.wcard{position:relative;background:radial-gradient(120% 90% at 100% 0%,#24375E 0%,var(--night) 55%,var(--night-3) 100%);color:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 60px -30px rgba(27,42,74,.7);overflow:hidden;border:1px solid rgba(212,175,55,.28)}
.wcard::before{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;border:2px solid rgba(212,175,55,.35);box-shadow:0 0 0 18px rgba(212,175,55,.06)}
.wcard::after{content:"";position:absolute;right:58px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.wcard .lbl{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--champagne);font-weight:600}
.wcard .big{font-family:var(--display);font-size:2.4rem;font-weight:600;margin:6px 0 2px;letter-spacing:-.02em}
.wcard .big small{font-size:1rem;color:#AEB8CA;font-weight:500}
.feed{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.feed li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:rgba(255,255,255,.06);border-radius:12px;padding:10px 12px;font-size:.9rem}
.feed li .tag{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--c);color:#fff;text-transform:lowercase}
.feed li .amt{font-family:var(--mono);color:var(--champagne)}
.feed li .amt.pend{color:#8F9BB2}
.feed li .who{color:#D5DCE8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.places{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.place{background:#fff;border-radius:var(--r);padding:22px;text-decoration:none;box-shadow:var(--shadow);border-top:3px solid var(--c);display:flex;flex-direction:column;gap:8px;transition:transform .15s}
.place:hover{transform:translateY(-3px)}
.place h3{font-size:1.25rem}
.place .go{margin-top:auto;font-weight:600;color:var(--ink)}
.levels{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;margin-top:16px}
.levels > div{padding:18px;border-right:1px solid var(--chalk-2)}
.levels > div:last-child{border-right:0}
.levels .v{font-family:var(--display);font-size:1.6rem;font-weight:600;color:var(--gold-ink)}
/* Dashboard */
.kpi{background:#fff;border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
.kpi .v{font-family:var(--display);font-size:1.7rem;font-weight:600;letter-spacing:-.02em;margin-top:4px}
.kpi.dark{background:var(--night);color:#fff}
.kpi.dark .eyebrow{color:var(--champagne)}
.plat-bars{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.plat-bar .track{height:10px;border-radius:5px;background:var(--chalk-2);overflow:hidden;margin-top:6px}
.plat-bar .fill{height:100%;background:var(--c);border-radius:5px}
.entries li{grid-template-columns:auto 1fr auto auto}
.list{list-style:none;margin:0;padding:0}
.list li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--chalk-2)}
.list li:last-child{border-bottom:0}
.amt-pos{color:var(--ok);font-family:var(--mono);font-weight:500}
.amt-neg{color:var(--bad);font-family:var(--mono);font-weight:500}
.side{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:start}
.sidenav{display:flex;flex-direction:column;gap:2px;position:sticky;top:90px}
.sidenav a{padding:9px 12px;border-radius:10px;text-decoration:none;font-weight:500;color:var(--ink-2)}
.sidenav a.on,.sidenav a:hover{background:#fff;color:var(--ink);box-shadow:var(--shadow)}
.code{font-family:var(--mono);font-size:1.6rem;letter-spacing:.12em;background:var(--gold-2);color:var(--night);border:1px solid rgba(212,175,55,.5);padding:8px 16px;border-radius:12px;display:inline-block}
.keybox{font-family:var(--mono);background:var(--night);color:var(--champagne);padding:12px;border-radius:10px;word-break:break-all;font-size:.85rem}
@media (max-width:900px){.hero{grid-template-columns:1fr}.places{grid-template-columns:1fr}.levels{grid-template-columns:repeat(2,1fr)}.side{grid-template-columns:1fr}.sidenav{position:static;flex-direction:row;overflow-x:auto}}

/* ---------- Handy (08.10.2026) ---------- */
.feed li > *{min-width:0}
@media (max-width:900px){
  .hero{gap:22px;padding:8px 0 0}
  .hero p.lead{font-size:1.02rem;margin:14px 0 18px}
  .hero .row .btn.lg{flex:1 1 100%}
  .wcard{padding:20px}
  .wcard .big{font-size:2rem}
  .places{margin-top:24px;gap:12px}
  .place{padding:18px}
  .sidenav{margin:0 -14px;padding:0 14px 4px;scrollbar-width:none}
  .sidenav a{white-space:nowrap;flex:none}
}
@media (max-width:520px){.levels{grid-template-columns:1fr 1fr}.levels > div{padding:14px}.kpi .v{font-size:1.4rem}}
@media (max-width:900px){.hero .row .btn.lg{min-height:52px}}

/* Admin auf dem Handy: Seitenleiste darf das Raster nicht aufblähen */
.side > *{min-width:0}
@media (max-width:900px){.side{grid-template-columns:minmax(0,1fr)}.sidenav{max-width:100%}.side .row select{max-width:100%}.side .table-wrap,.side table{max-width:100%}}