:root{--primary:#2563EB;--bg:#F5F7FB;--bg-card:#fff;--text:#111827;--muted:#6B7280;--border:#E5E7EB;--radius:20px;--shadow:0 4px 24px rgba(37,99,235,.06)}[data-theme=dark]{--bg:#0F172A;--bg-card:#1E293B;--text:#F1F5F9;--border:#334155}*{font-family:Inter,sans-serif;box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text)}.glass{background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.6)}[data-theme=dark] .glass{background:rgba(30,41,59,.8)}.navbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;margin:16px}.btn{border:none;padding:10px 16px;border-radius:12px;font-weight:600;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.grid-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.card-app{padding:20px;transition:.2s}.card-app:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(37,99,235,.12)}.badge{font-size:11px;font-weight:700;padding:4px 8px;border-radius:20px}.badge-aktif{background:#DCFCE7;color:#15803D}.badge-maintenance{background:#FEF3C7;color:#B45309}.badge-segera_hadir{background:#DBEAFE;color:#1D4ED8}.wa-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;background:#25D366;border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer;z-index:50}.wa-box{position:fixed;right:18px;bottom:88px;width:320px;background:var(--bg-card);border-radius:20px;box-shadow:0 16px 40px rgba(0,0,0,.2);display:none;z-index:49}.wa-box.show{display:block}.progress{position:fixed;top:0;left:0;height:3px;background:var(--primary);width:0;transition:.2s;z-index:99}
/* FIX MOBILE OVERFLOW - BANTUAPP V4 */
html,body{max-width:100%;overflow-x:hidden}
*{max-width:100%;word-wrap:break-word}
img{max-width:100%}
@media(max-width:768px){
  .navbar{flex-wrap:wrap}
  .container{padding:0 16px}
  .grid-apps{grid-template-columns:1fr}
  .wa-box{width:calc(100vw - 32px) !important;right:16px !important}
}