:root{--dash-app-bg:#f5f7fb;--dash-app-ink:#10213d;--dash-app-muted:#68758a;--dash-app-blue:#165dff;--dash-app-blue-soft:#edf4ff;--dash-app-border:#e7ecf3;--dash-app-shadow:0 18px 50px rgba(26,44,76,.08);--dash-app-safe:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth}body.dash-body{background:var(--dash-app-bg);color:var(--dash-app-ink);-webkit-font-smoothing:antialiased}.dash-header{background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.84);box-shadow:none}.dash-header-inner{max-width:1180px;padding:.72rem 1.15rem}.dash-brand img{height:38px}.dash-header-actions{gap:.55rem}.dash-user-chip{background:#fff;border-color:var(--dash-app-border);box-shadow:0 5px 18px rgba(19,38,70,.04);padding:.3rem .7rem .3rem .3rem}.dash-hamburger{width:42px;height:42px;border-radius:13px;border-color:var(--dash-app-border);box-shadow:0 5px 18px rgba(19,38,70,.04)}.dash-main{max-width:1180px;padding:1.15rem 1.15rem calc(3rem + var(--dash-app-safe))}.dash-loading{max-width:520px;margin:7vh auto 0;padding:2.2rem 1.3rem;border-radius:24px;background:#fff;border:1px solid var(--dash-app-border);box-shadow:var(--dash-app-shadow)}.dash-empty{max-width:560px;margin:5vh auto 0;padding:2rem;border:1px solid var(--dash-app-border);border-radius:28px;background:#fff;box-shadow:var(--dash-app-shadow);text-align:left}.dash-empty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--dash-app-blue-soft);color:var(--dash-app-blue);font-size:1.35rem;margin-bottom:1rem}.dash-empty-kicker{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:var(--dash-app-blue)}.dash-empty h2{font-size:clamp(1.45rem,3vw,1.9rem);line-height:1.18;letter-spacing:-.025em;margin:0 0 .65rem}.dash-empty-copy{margin:0;color:var(--dash-app-muted);font-size:.88rem;line-height:1.65}.dash-empty-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1.25rem 0}.dash-empty-point{display:flex;align-items:center;gap:.5rem;padding:.72rem .75rem;border-radius:14px;background:#f8faff;border:1px solid #edf1f7;color:#33445f;font-size:.75rem;font-weight:650}.dash-empty-point i{color:var(--dash-app-blue);font-size:1rem}.dash-empty-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.1rem}.dash-empty .astikan-member-login-btn,.dash-empty .dash-empty-secondary{display:inline-flex!important;align-items:center;justify-content:center;gap:.45rem;width:100%;min-height:48px;margin:0!important;border-radius:14px;font-size:.86rem;font-weight:700;text-decoration:none}.dash-empty .astikan-member-login-btn{background:var(--dash-app-blue);border-color:var(--dash-app-blue);box-shadow:0 9px 20px rgba(22,93,255,.18)}.dash-empty .dash-empty-secondary{background:#fff;color:#33445f;border:1px solid var(--dash-app-border)}.dash-hero{border-radius:28px;padding:1.55rem 1.65rem;margin-bottom:1rem;box-shadow:0 18px 44px rgba(29,72,162,.14);background:linear-gradient(145deg,#10254a 0%,#164fbf 58%,#246eff 100%)}.dash-hero.silver-theme,.dash-hero.gold-theme,.dash-hero.platinum-theme{background:linear-gradient(145deg,#10254a 0%,#164fbf 58%,#246eff 100%)}.dash-hero:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-85px;top:-130px;background:rgba(255,255,255,.08)}.dash-hero::after{width:145px;height:145px;right:115px;top:auto;bottom:-105px;background:rgba(255,255,255,.06)}.dash-hero-content{gap:1rem}.dash-hero p:first-child{font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;opacity:.72;margin-bottom:.28rem}.dash-hero h1{font-size:clamp(1.45rem,2.4vw,1.95rem);letter-spacing:-.025em;margin-bottom:.32rem}.dash-hero #heroTagline{font-size:.82rem;line-height:1.5;opacity:.8}.dash-plan-badge{padding:.55rem .85rem;font-size:.78rem;border-radius:13px;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18);backdrop-filter:blur(10px)}.dash-plan-badge .crown{font-size:1rem}.dash-grid{gap:1rem}.dash-card{border-color:var(--dash-app-border);border-radius:24px;padding:1.2rem;box-shadow:0 8px 26px rgba(31,50,81,.045)}.dash-card h3{font-size:.92rem;margin-bottom:.85rem}.dash-meta-row{padding:.72rem 0;border-bottom-color:#edf1f5;font-size:.82rem;gap:1rem}.dash-meta-row strong{max-width:62%;overflow-wrap:anywhere;word-break:normal}.dash-quick-links-card{gap:.55rem}.dash-quick-link{min-height:52px;padding:.78rem .9rem;border-radius:14px;background:#fbfcfe;border-color:var(--dash-app-border);font-size:.82rem}.dash-quick-link i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--dash-app-blue-soft);font-size:.96rem}.dash-quick-link::after{content:"\F285";font-family:"bootstrap-icons";margin-left:auto;color:#8090a7;font-size:.78rem}.dash-payment-alert{border-radius:20px;box-shadow:0 9px 26px rgba(31,50,81,.06)}
@media(max-width:767px){body.dash-body{background:#f6f8fc}.dash-header-inner{height:60px;padding:.55rem .8rem}.dash-brand img{height:33px;max-width:128px;object-fit:contain}.dash-user-chip{width:40px;height:40px;padding:0;justify-content:center;border-radius:14px}.dash-user-chip img{width:32px;height:32px}.dash-user-chip strong{display:none}.dash-hamburger{width:40px;height:40px;border-radius:14px}.dash-main{padding:.8rem .75rem calc(2rem + var(--dash-app-safe))}.dash-loading{margin:10vh 0 0;padding:1.8rem 1rem;border-radius:22px}.dash-empty{margin:.5rem 0 0;padding:1.3rem;border-radius:24px}.dash-empty-icon{width:52px;height:52px;border-radius:16px}.dash-empty h2{font-size:1.45rem}.dash-empty-copy{font-size:.82rem}.dash-empty-points{grid-template-columns:1fr;margin:1rem 0;gap:.5rem}.dash-empty-point{min-height:45px;padding:.65rem .75rem}.dash-empty-actions{grid-template-columns:1fr;gap:.55rem}.dash-empty .astikan-member-login-btn,.dash-empty .dash-empty-secondary{min-height:50px}.dash-hero{padding:1.25rem 1.15rem;border-radius:24px;margin-bottom:.75rem}.dash-hero-content{align-items:flex-start;gap:.9rem}.dash-hero h1{font-size:1.42rem}.dash-hero #heroTagline{font-size:.78rem}.dash-plan-badge{padding:.5rem .7rem;font-size:.72rem}.dash-grid{gap:.75rem}.dash-card{border-radius:21px;padding:1rem}.dash-meta-row{align-items:flex-start;font-size:.78rem}.dash-meta-row span{flex:0 0 36%}.dash-meta-row strong{max-width:64%;text-align:right}.dash-quick-link{min-height:54px;border-radius:14px}.dash-payment-alert{grid-template-columns:1fr!important;padding:1rem;border-radius:19px}.dash-payment-alert-icon{width:44px;height:44px;border-radius:14px}.dash-payment-alert-actions{grid-column:auto!important}.dash-payment-alert-meta{gap:.4rem}.dash-payment-alert-meta span{font-size:.7rem}.dash-payment-alert-title{font-size:1rem}.dash-payment-alert-desc{font-size:.78rem}.dash-payment-alert-cta{min-height:48px}}
@media(max-width:390px){.dash-main{padding-left:.6rem;padding-right:.6rem}.dash-empty,.dash-card{padding:.95rem}.dash-hero{padding:1.1rem 1rem}.dash-meta-row{gap:.65rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}