/* CSS KUSTOM */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f3f4f6; /* bg-gray-100 */
        }
        .app-container {
            max-width: 500px; /* max-w-lg */
            margin: 0 auto;
            background-color: white;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); /* shadow-xl */
            min-height: 100vh;
        }
        .header-sticky {
            top: 0;
            z-index: 10;
        }
        .summary-card-indigo {
            background-color: #4f46e5; /* indigo-600 */
            color: white;
        }
        .summary-card-white {
            border: 1px solid #e5e7eb; /* border border-gray-200 */
        }
        .donor-list-item {
            border-left: 4px solid #10b981; /* border-l-4 border-green-500 */
            transition: box-shadow 0.3s;
        }
        .donor-list-item:hover {
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06); /* hover:shadow-md */
        }
        .text-green-600 {
            color: #059669; /* green-600 */
        }
        .text-green-500 {
            color: #10b981; /* green-500 */
        }
        .bg-green-500 {
            background-color: #10b981; /* green-500 */
        }
        .bg-green-500:hover {
            background-color: #059669; /* hover:bg-green-600 */
        }
        .font-extrabold {
            font-weight: 800;
        }
        /* Style untuk Pesan Anonim */
        .anonymous-mask {
            font-size: 0.75rem; /* text-xs */
        }
        .status-text {
            font-size: 10px; /* text-[10px] */
        }