.page-module__nQDC_q__container{padding:1.5rem}.page-module__nQDC_q__header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-module__nQDC_q__title h1{color:var(--primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.page-module__nQDC_q__title p{color:var(--text-light);font-size:.875rem}.page-module__nQDC_q__actions{gap:1rem;display:flex}.page-module__nQDC_q__searchBox{background-color:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:.5rem;align-items:center;padding:.5rem 1rem;display:flex}.page-module__nQDC_q__searchBox input{border:none;outline:none;width:250px;margin-left:.5rem;padding:.25rem;font-size:.875rem}.page-module__nQDC_q__filterBtn{background-color:var(--white);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.page-module__nQDC_q__filterBtn:hover{background-color:var(--bg-color)}.page-module__nQDC_q__cardContainer{flex-direction:column;gap:1rem;display:flex}.page-module__nQDC_q__peringatanCard{background-color:var(--white);box-shadow:var(--shadow-sm);border-left:6px solid var(--border);border-radius:.75rem;align-items:flex-start;gap:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.page-module__nQDC_q__peringatanCard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-module__nQDC_q__peringatanCard.page-module__nQDC_q__awas{border-left-color:var(--color-awas)}.page-module__nQDC_q__peringatanCard.page-module__nQDC_q__siaga{border-left-color:var(--color-siaga)}.page-module__nQDC_q__peringatanCard.page-module__nQDC_q__waspada{border-left-color:var(--color-waspada)}.page-module__nQDC_q__iconWrapper{border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;display:flex}.page-module__nQDC_q__iconWrapper.page-module__nQDC_q__awas{color:#ef4444;background-color:#fee2e2}.page-module__nQDC_q__iconWrapper.page-module__nQDC_q__siaga{color:#f97316;background-color:#ffedd5}.page-module__nQDC_q__iconWrapper.page-module__nQDC_q__waspada{color:#eab308;background-color:#fef3c7}.page-module__nQDC_q__content{flex:1}.page-module__nQDC_q__headerRow{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.page-module__nQDC_q__headerRow h3{color:var(--text-dark);align-items:center;gap:.75rem;margin-bottom:.25rem;font-size:1.125rem;font-weight:600;display:flex}.page-module__nQDC_q__timeInfo{color:var(--text-light);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.page-module__nQDC_q__details{color:var(--text-dark);grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;font-size:.875rem;display:grid}.page-module__nQDC_q__detailItem{align-items:center;gap:.5rem;display:flex}.page-module__nQDC_q__actionRow{border-top:1px solid var(--border);gap:.75rem;padding-top:1rem;display:flex}.page-module__nQDC_q__btnAction{cursor:pointer;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.page-module__nQDC_q__btnAction.page-module__nQDC_q__primary{background-color:var(--primary);color:var(--white);border:1px solid var(--primary)}.page-module__nQDC_q__btnAction.page-module__nQDC_q__primary:hover{background-color:var(--primary-light)}.page-module__nQDC_q__btnAction.page-module__nQDC_q__outline{color:var(--primary);border:1px solid var(--border);background-color:#0000}.page-module__nQDC_q__btnAction.page-module__nQDC_q__outline:hover{background-color:var(--bg-color);border-color:var(--primary)}.page-module__nQDC_q__btnAction.page-module__nQDC_q__share{color:#fff;background-color:#25d366;border:none}.page-module__nQDC_q__btnAction.page-module__nQDC_q__share:hover{background-color:#128c7e}@media (max-width:768px){.page-module__nQDC_q__header{flex-direction:column;align-items:flex-start;gap:1rem}.page-module__nQDC_q__actions{flex-direction:column;width:100%}.page-module__nQDC_q__searchBox,.page-module__nQDC_q__searchBox input{width:100%}.page-module__nQDC_q__filterBtn{justify-content:center;width:100%}.page-module__nQDC_q__peringatanCard{flex-direction:column;gap:1rem}.page-module__nQDC_q__headerRow{flex-direction:column;align-items:flex-start;gap:.5rem}.page-module__nQDC_q__details{grid-template-columns:1fr}.page-module__nQDC_q__actionRow{flex-wrap:wrap}.page-module__nQDC_q__btnAction{flex:auto;justify-content:center}}