:root{--primary:#e85d04;--warning:#ffc107;--dark:#1a1a2e;--radius:14px;--shadow:0 4px 24px rgba(0,0,0,.08);}
*{box-sizing:border-box;}
body{font-family:'Poppins',sans-serif;color:#333;}

/* Navbar */
#mainNav{background:var(--dark);box-shadow:0 2px 16px rgba(0,0,0,.25);padding:10px 0;}
#mainNav .brand-icon{width:38px;height:38px;background:var(--warning);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--dark);font-size:16px;}
#mainNav .nav-link{color:rgba(255,255,255,.75);font-size:13px;padding:6px 12px;border-radius:8px;transition:.2s;}
#mainNav .nav-link:hover{color:#fff;background:rgba(255,255,255,.1);}

/* Report Cards */
.report-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;}
.report-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.12);}
.report-img{height:180px;overflow:hidden;}
.report-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.report-card:hover .report-img img{transform:scale(1.05);}
.report-code{font-size:11px;font-weight:600;color:var(--primary);background:#fff3e0;padding:2px 8px;border-radius:20px;display:inline-block;}

/* Musibah Cards */
.musibah-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s;}
.musibah-card:hover{transform:translateY(-6px);}
.musibah-img{height:200px;overflow:hidden;}
.musibah-img img{width:100%;height:100%;object-fit:cover;}

/* Saldo Card */
.saldo-card{background:linear-gradient(135deg,#1a1a2e,#0f3460);border-radius:var(--radius);padding:28px;color:#fff;box-shadow:0 8px 32px rgba(0,0,0,.2);}

/* Leaderboard */
.leaderboard-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;}
.rank-1{background:#ffd700;color:#333;}.rank-2{background:#c0c0c0;color:#333;}.rank-3{background:#cd7f32;color:#fff;}.rank-4,.rank-5{background:#f0f0f0;color:#666;}

/* Foto Upload */
.foto-area{border:2px dashed #dee2e6;border-radius:var(--radius);padding:32px;text-align:center;cursor:pointer;transition:.2s;min-height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.foto-area:hover,.foto-area.drag-over{border-color:var(--primary);background:#fff3e0;}

/* Upvote */
.upvote-btn{cursor:pointer;transition:.2s;}
.upvote-btn:hover,.upvote-btn.voted{color:var(--primary)!important;border-color:var(--primary)!important;}

/* Footer */
.footer a:hover{color:var(--warning)!important;}

/* Page Header */
.page-header{border-bottom:3px solid rgba(0,0,0,.1);}

/* Pagination */
.page-link{color:var(--primary);}
.page-item.active .page-link{background:var(--primary);border-color:var(--primary);}

/* Buttons */
.btn-warning{color:#1a1a2e!important;font-weight:600;}

/* Scrollbar */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px;}

/* Responsive */
@media(max-width:768px){
  .saldo-card .border-end{border:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding-bottom:12px;margin-bottom:12px;}
}