@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";:root{--moss-green:#1c3e2a;--moss-green-light:#2a563b;--terracotta:#bc6a44;--terracotta-light:#d47a53;--alabaster:#f7f5f0;--charcoal:#1a1a1a;--bg-main:#121212;--bg-card:#1e1e1e;--bg-card-hover:#262626;--text-main:#f7f5f0;--text-sub:#c5c0b6;--text-muted:#8e8980;--border:#f7f5f01f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;max-width:100vw;color:var(--text-main);flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;display:flex}.floating-circle-arrow-btn{z-index:9990;background:linear-gradient(135deg, var(--terracotta-light) 0%, var(--terracotta) 100%);color:#fff;cursor:pointer;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .3s cubic-bezier(.4,0,.2,1),background .2s;animation:3s cubic-bezier(.4,0,.2,1) infinite pulseNudge3s;display:flex;position:fixed;top:50%;right:18px;transform:translateY(-50%);box-shadow:0 8px 25px #bc6a448c,0 0 15px #22c55e4d}.floating-circle-arrow-btn:hover{background:var(--terracotta-light)}.floating-circle-arrow-btn.drawer-active{background:var(--moss-green);border-color:#4ade80;transform:translateY(-50%)rotate(180deg)!important}.arrow-svg{width:26px;height:26px;transition:transform .2s}@keyframes pulseNudge3s{0%,80%,to{transform:translateY(-50%)scale(1)translate(0);box-shadow:0 8px 25px #bc6a448c}86%{transform:translateY(-50%)scale(1.18)translate(-10px);box-shadow:0 12px 30px #bc6a44d9}92%{transform:translateY(-50%)scale(1.06)translate(-4px);box-shadow:0 8px 22px #bc6a44a6}}.site-header{z-index:900;-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--moss-green);background:#1a1a1af5;width:100%;padding:.85rem 1.5rem;position:sticky;top:0;box-shadow:0 4px 20px #0006}.header-container{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1440px;margin:0 auto;display:flex}.brand-box{align-items:center;gap:1rem;display:flex}.brand-logo{object-fit:contain;width:auto;height:48px}.brand-info{flex-direction:column;display:flex}.brand-name{letter-spacing:.18em;color:var(--text-main);text-transform:uppercase;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;line-height:1.1}.brand-desc{color:var(--terracotta-light);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:600}.header-actions{align-items:center;gap:.85rem;display:flex}.search-box{width:280px;position:relative}.search-input{border:1px solid var(--border);color:#fff;background:#282828;border-radius:9999px;outline:none;width:100%;padding:.5rem .85rem .5rem 2.2rem;font-size:.8rem;transition:all .2s}.search-input:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px #bc6a4440}.search-icon{width:15px;height:15px;color:var(--text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.summary-snippet{color:var(--text-sub);border-left:3px solid var(--terracotta-light);background:#ffffff0a;border-radius:6px;margin-bottom:.75rem;padding:.45rem .65rem;font-size:.82rem}.swipe-banner-hint{color:#fff;cursor:pointer;background:linear-gradient(90deg,#1c3e2a 0%,#bc6a44 100%);justify-content:space-between;align-items:center;width:100%;padding:.5rem 1.25rem;font-size:.82rem;display:flex;box-shadow:0 2px 10px #00000040}.hint-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.dashboard-grid{flex:1;grid-template-columns:minmax(300px,1fr) minmax(340px,1.15fr) 330px;align-items:start;gap:1.35rem;width:100%;max-width:1440px;margin:1.5rem auto;padding:0 1.5rem;display:grid}.dashboard-col{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.4rem;transition:border-color .2s}.card.important{border-left:5px solid var(--terracotta)}.card.info{border-left:5px solid var(--moss-green)}.card.warning{border-left:5px solid #eab308}.card-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:5px;margin-bottom:.65rem;padding:.22rem .6rem;font-size:.68rem;font-weight:700;display:inline-block}.important .card-badge{color:var(--terracotta-light);background:#bc6a4440}.info .card-badge{color:#4ade80;background:#1c3e2a59}.warning .card-badge{color:#facc15;background:#eab30833}.card-title{margin-bottom:.3rem;font-size:1.12rem;font-weight:700;line-height:1.3}.card-date{color:var(--text-muted);margin-bottom:.9rem;font-size:.78rem}.card-content{color:var(--text-sub);font-size:.88rem;line-height:1.6}.card-content p{margin-bottom:.55rem}.expand-content{opacity:0;max-height:0;transition:max-height .35s,opacity .25s;overflow:hidden}.expand-content.active{opacity:1;max-height:1400px}.btn-expand-toggle{border:1px solid var(--terracotta);color:var(--terracotta-light);cursor:pointer;background:#bc6a4426;border-radius:6px;align-items:center;gap:.3rem;padding:.45rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-expand-toggle:hover{background:var(--terracotta);color:#fff}.card-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;display:flex}.btn-action{background:var(--terracotta);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.btn-action:hover{background:var(--terracotta-light)}.btn-outline{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline:hover{border-color:var(--terracotta);background:#bc6a4426}.drawer-overlay{-webkit-backdrop-filter:blur(5px);z-index:9999;opacity:0;pointer-events:none;background:#000000bf;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.priority-drawer-panel{border-left:3px solid var(--terracotta);z-index:10000;background:#181818;flex-direction:column;width:360px;max-width:88vw;height:100dvh;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 35px #000000d9}.priority-drawer-panel.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);background:#202020;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.drawer-title{color:var(--terracotta-light);letter-spacing:.08em;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800}.drawer-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:9999px;width:32px;height:32px;font-size:1.2rem}.drawer-body{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.sidebar-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;width:100%;padding:1.15rem}.sidebar-widget.priority-widget{border:2px solid var(--terracotta);background:#202020}.widget-title{letter-spacing:.08em;color:var(--terracotta-light);text-transform:uppercase;margin-bottom:.65rem;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:800}.qris-thumb-sidebar{border:1px solid var(--border);cursor:pointer;border-radius:8px;width:100%;max-width:200px;height:auto;transition:transform .2s}.qris-thumb-sidebar:hover{transform:scale(1.03)}.jadwal-img{border:1px solid var(--border);cursor:pointer;border-radius:10px;width:100%;height:auto;transition:transform .2s}.jadwal-img:hover{transform:scale(1.02)}.widget-desc{color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.72rem}.site-footer{border-top:2px solid var(--moss-green);text-align:center;width:100%;color:var(--text-sub);background:#161616;margin-top:auto;padding:1.5rem;font-size:.82rem}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1440px;margin:0 auto;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20000;opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;transition:opacity .2s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:750px;max-height:90vh;padding:1.5rem;position:relative;overflow-y:auto}.modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:9999px;width:32px;height:32px;font-size:1.2rem;position:absolute;top:1rem;right:1rem}.modal-img{border-radius:8px;width:100%;height:auto;margin-bottom:1rem}@media (width>=1024px){.expand-content,.expand-content.desktop-open{opacity:1!important;max-height:none!important;display:block!important;overflow:visible!important}.btn-expand-toggle,.summary-snippet{display:none!important}.dashboard-grid{grid-template-columns:minmax(300px,1fr) minmax(340px,1.15fr) 330px!important;gap:1.35rem!important;display:grid!important}.desktop-sidebar-column{display:flex!important}.site-footer{box-shadow:none!important;margin-top:2rem!important;position:relative!important;bottom:auto!important}.floating-circle-arrow-btn,.swipe-banner-hint,.mobile-only,.priority-drawer-panel,.drawer-overlay{display:none!important}}@media (width<=1023px){.site-header{z-index:900!important;padding:.65rem 1rem!important;position:sticky!important;top:0!important}.header-container{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.brand-box{justify-content:flex-start;width:100%}.header-actions,.search-box{width:100%!important}.brand-logo{height:38px!important}.brand-name{font-size:1.05rem!important}.brand-desc{font-size:.65rem!important}.dashboard-grid{grid-template-columns:1fr!important;padding:0 1rem!important}.desktop-sidebar-column{display:none!important}.floating-circle-arrow-btn{display:flex!important}.extra-cards-grid{grid-template-columns:1fr!important}.footer-container{text-align:center;flex-direction:column;font-size:.75rem}}