.cabang-module__Qf7YAW__page{box-sizing:border-box;background-image:url(/bgdashboard.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:60px 20px 40px;display:flex;position:relative}.cabang-module__Qf7YAW__wrapper{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:900px;display:flex}.cabang-module__Qf7YAW__pageTitle{color:#fff;letter-spacing:3px;text-align:center;text-shadow:0 2px 12px #000c,0 0 30px #f2a9004d;margin:0;font-size:28px;font-weight:700}.cabang-module__Qf7YAW__pageSubtitle{color:#f5ead8bf;letter-spacing:.5px;text-align:center;margin:0 0 24px;font-size:14px}.cabang-module__Qf7YAW__grid{grid-template-rows:auto auto;grid-template-columns:repeat(3,220px);justify-content:center;gap:24px;display:grid}.cabang-module__Qf7YAW__grid>:nth-child(4){grid-column:1/2;justify-self:end}.cabang-module__Qf7YAW__grid>:nth-child(5){grid-column:2/3;justify-self:start}.cabang-module__Qf7YAW__card{cursor:pointer;box-sizing:border-box;background:#230c02eb;border:2px solid #ffffff14;border-radius:22px;flex-direction:column;justify-content:space-between;align-items:center;width:220px;height:240px;padding:24px 16px 20px;font-family:inherit;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #00000080}.cabang-module__Qf7YAW__card:hover{border-color:#f2a900;transform:translateY(-8px)scale(1.03);box-shadow:0 16px 40px #0009,0 0 20px #f2a9004d}.cabang-module__Qf7YAW__card:active{transform:translateY(-3px)scale(1.01)}.cabang-module__Qf7YAW__cardLabel{color:#fff;letter-spacing:1.5px;text-transform:uppercase;text-align:center;text-shadow:0 1px 4px #0009;font-size:18px;font-weight:700;line-height:1.2}.cabang-module__Qf7YAW__iconWrap{filter:drop-shadow(0 2px 8px #0006);justify-content:center;align-items:center;width:120px;height:120px;display:flex}.cabang-module__Qf7YAW__overlay{-webkit-backdrop-filter:blur(5px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;animation:.18s cabang-module__Qf7YAW__fadeIn;display:flex;position:fixed;inset:0}@keyframes cabang-module__Qf7YAW__fadeIn{0%{opacity:0}to{opacity:1}}.cabang-module__Qf7YAW__modal{background:#f5ead8;border:2px solid #c49a5a;border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:90%;max-width:360px;padding:44px 36px 36px;animation:.22s cabang-module__Qf7YAW__slideUp;display:flex;box-shadow:0 24px 80px #0009}@keyframes cabang-module__Qf7YAW__slideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.cabang-module__Qf7YAW__modalSport{color:#3d1c08;text-transform:uppercase;text-align:center;letter-spacing:1px;border-bottom:2px solid #4a1c0226;width:100%;margin:0;padding-bottom:8px;font-size:22px;font-weight:700}.cabang-module__Qf7YAW__modalBtn{color:#f5ead8;letter-spacing:.5px;cursor:pointer;background:#4a1c02;border:none;border-radius:14px;width:100%;padding:17px 0;font-family:inherit;font-size:18px;font-weight:700;transition:background-color .2s,transform .15s;box-shadow:0 4px 14px #0000004d}.cabang-module__Qf7YAW__modalBtn:hover{background-color:#6b2707;transform:translateY(-2px)}.cabang-module__Qf7YAW__modalBtnSecondary{background:#7c3412}.cabang-module__Qf7YAW__modalBtnSecondary:hover{background:#9a4018}.cabang-module__Qf7YAW__variantLabel{color:#7a4520;letter-spacing:.3px;text-transform:uppercase;text-align:center;margin:0;font-size:13px;font-weight:700}.cabang-module__Qf7YAW__variantBtn{color:#3d1c08;cursor:pointer;background:#4a1c021a;border:1.5px solid #4a1c0240;border-radius:10px;width:100%;padding:12px 0;font-family:inherit;font-size:15px;font-weight:700;transition:background-color .15s,border-color .15s}.cabang-module__Qf7YAW__variantBtn:hover{background:#4a1c022e;border-color:#4a1c02}.cabang-module__Qf7YAW__backBtn{color:#9a5a30;cursor:pointer;background:0 0;border:none;border-radius:8px;margin-top:2px;padding:6px 14px;font-family:inherit;font-size:14px;transition:background-color .15s}.cabang-module__Qf7YAW__backBtn:hover{color:#4a1c02;background:#4a1c0214}@media (max-width:720px){.cabang-module__Qf7YAW__grid{grid-template-columns:repeat(2,1fr);max-width:480px}.cabang-module__Qf7YAW__grid>:nth-child(4),.cabang-module__Qf7YAW__grid>:nth-child(5){grid-column:auto;justify-self:auto}.cabang-module__Qf7YAW__card{width:100%;height:200px}.cabang-module__Qf7YAW__pageTitle{font-size:20px}}@media (max-width:480px){.cabang-module__Qf7YAW__grid{grid-template-columns:1fr 1fr;gap:14px}.cabang-module__Qf7YAW__card{height:180px;padding:16px 12px}.cabang-module__Qf7YAW__cardLabel{font-size:14px}.cabang-module__Qf7YAW__iconWrap{width:80px;height:80px}.cabang-module__Qf7YAW__modal{padding:32px 24px 28px}}