.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(5,5,5,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{font-family:Impact,"Arial Narrow",sans-serif;font-style:italic;font-size:28px;letter-spacing:-1px}
.brand span{color:var(--muted)}
.icon-button,.primary-button{border:0;border-radius:14px;font-weight:900}
.icon-button{padding:9px 11px;background:var(--surface-2);color:var(--text)}
.primary-button{width:100%;padding:14px;background:var(--text);color:#050505}
.hero-card,.status-card,.placeholder{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,#171717,#0c0c0c);padding:18px;box-shadow:var(--shadow)}
.eyebrow,.section-title{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.section-title{margin:22px 0 10px}
.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.module-card{padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}
.module-card .icon{font-size:24px}
.module-card strong{display:block;margin-top:8px}
.module-card span{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.status-card{display:flex;justify-content:space-between;align-items:center;gap:12px}
.status-card strong{display:block}
.status-pill{padding:6px 9px;border-radius:999px;background:rgba(52,199,89,.16);color:#72e993;font-size:11px;font-weight:900}
.placeholder{min-height:220px}
.tab-bar{position:fixed;z-index:50;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 4px calc(7px + var(--safe-bottom));background:rgba(8,8,8,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line)}
.tab-bar button{border:0;background:none;color:var(--muted);font-size:10px;display:flex;flex-direction:column;align-items:center;gap:4px}
.tab-bar button span{font-size:19px}
.tab-bar button.active{color:var(--text)}
.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%) translateY(20px);opacity:0;padding:11px 14px;border-radius:14px;background:#1c1c1e;border:1px solid var(--line);transition:.2s;z-index:80}
.toast.show{opacity:1;transform:translateX(-50%)}