Here is an updated, modern, and responsive version of your PHP dashboard. It uses Bootstrap 5 for responsiveness and a warm, elegant brown color palette with over 15 variations.
```php
<?php
    include('loginsession.php');
    error_reporting(E_ALL);
    $filename = basename(__FILE__);
    $save = mysqli_query($conn, "INSERT INTO novia_abc_user_logs (userid,filename) VALUES ('$userini_id','$filename')");
    $today = date("Y-m-d");
?>

<!DOCTYPE html>
<html lang="id">
<head>
    <title>Administrasi - Dashboard</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" href="images/balance.ico" type="image/icon">
    
    <!-- Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <style>
        :root {
            --brown-100: #EFEBE9;
            --brown-200: #D7CCC8;
            --brown-300: #BCAAA4;
            --brown-400: #A1887F;
            --brown-500: #8D6E63;
            --brown-600: #795548;
            --brown-700: #6D4C41;
            --brown-800: #5D4037;
            --brown-900: #4E342E;
            --brown-950: #3E2723;
            --brown-1000: #2D1B15;
            --brown-1100: #1F130E;
            --cream: #FAF7F2;
            --sand: #E8DCD1;
            --taupe: #B9A394;
            --espresso: #2C1A12;
        }
        
        * {
            font-family: 'Poppins', sans-serif;
        }
        
        body {
            background: linear-gradient(135deg, var(--cream) 0%, var(--sand) 100%);
            padding-bottom: 2rem;
        }
        
        /* Navbar styles */
        .navbar {
            background: linear-gradient(135deg, var(--brown-800) 0%, var(--brown-950) 100%);
            box-shadow: 0 4px 20px rgba(0,0,0,0.15);
            padding: 0.8rem 0;
        }
        
        .navbar-brand {
            font-weight: 700;
            font-size: 1.5rem;
            letter-spacing: 1px;
        }
        
        .navbar-brand img {
            height: 40px;
            width: auto;
            margin-right: 10px;
        }
        
        /* Section headers */
        .section-header {
            background: linear-gradient(135deg, var(--brown-700) 0%, var(--brown-900) 100%);
            color: white;
            padding: 0.8rem 1.5rem;
            border-radius: 50px;
            display: inline-block;
            margin: 1.5rem 0 1.2rem 0;
            font-weight: 600;
            font-size: 1.4rem;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
        
        .section-header i {
            margin-right: 12px;
        }
        
        /* Card button styles */
        .btn-custom {
            border: none;
            padding: 1rem 0.8rem;
            font-weight: 500;
            font-size: 0.9rem;
            transition: all 0.3s ease;
            border-radius: 16px;
            width: 100%;
            margin: 0.3rem 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        }
        
        .btn-custom i {
            font-size: 1.1rem;
        }
        
        .btn-custom:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 16px rgba(0,0,0,0.15);
        }
        
        /* Color variations for buttons */
        .btn-brown-1 { background: var(--brown-100); color: var(--brown-900); }
        .btn-brown-2 { background: var(--brown-200); color: var(--brown-950); }
        .btn-brown-3 { background: var(--brown-300); color: var(--brown-1000); }
        .btn-brown-4 { background: var(--brown-400); color: white; }
        .btn-brown-5 { background: var(--brown-500); color: white; }
        .btn-brown-6 { background: var(--brown-600); color: white; }
        .btn-brown-7 { background: var(--brown-700); color: white; }
        .btn-brown-8 { background: var(--brown-800); color: white; }
        .btn-brown-9 { background: var(--brown-900); color: white; }
        .btn-brown-10 { background: var(--brown-950); color: white; }
        .btn-taupe { background: var(--taupe); color: white; }
        .btn-espresso { background: var(--espresso); color: white; }
        
        /* Card container */
        .card-dashboard {
            background: white;
            border-radius: 24px;
            padding: 1rem;
            margin-bottom: 1rem;
            box-shadow: 0 8px 24px rgba(0,0,0,0.06);
            transition: all 0.3s ease;
            border: 1px solid rgba(139, 69, 19, 0.1);
        }
        
        .card-dashboard:hover {
            box-shadow: 0 12px 32px rgba(0,0,0,0.1);
        }
        
        /* Footer */
        .footer {
            background: var(--brown-900);
            color: var(--brown-200);
            text-align: center;
            padding: 1rem;
            margin-top: 2rem;
            border-radius: 30px 30px 0 0;
            font-size: 0.85rem;
        }
        
        /* Welcome text */
        .welcome-text {
            color: var(--brown-800);
            font-weight: 500;
            background: rgba(255,255,255,0.7);
            padding: 0.5rem 1rem;
            border-radius: 50px;
            backdrop-filter: blur(5px);
        }
        
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .section-header {
                font-size: 1.2rem;
                padding: 0.6rem 1.2rem;
            }
            .btn-custom {
                padding: 0.8rem 0.5rem;
                font-size: 0.8rem;
            }
            .btn-custom i {
                font-size: 1rem;
            }
        }
        
        @media (max-width: 576px) {
            .btn-custom {
                font-size: 0.75rem;
                padding: 0.7rem 0.3rem;
            }
        }
        
        /* Animation */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .card-dashboard {
            animation: fadeInUp 0.5s ease forwards;
        }
        
        .row > div:nth-child(1) .card-dashboard { animation-delay: 0.05s; }
        .row > div:nth-child(2) .card-dashboard { animation-delay: 0.1s; }
        .row > div:nth-child(3) .card-dashboard { animation-delay: 0.15s; }
    </style>
</head>
<body>

<!-- Navbar -->
<nav class="navbar navbar-dark">
    <div class="container">
        <a class="navbar-brand" href="#">
            <i class="fas fa-hospital-user me-2"></i>
            Klinik Dashboard
        </a>
        <div class="welcome-text">
            <i class="fas fa-user-circle me-1"></i>
            Welcome, <?php echo htmlspecialchars($userini_id); ?>
        </div>
    </div>
</nav>

<div class="container mt-4">
    
    <!-- DATA PASIEN Section -->
    <div class="text-center">
        <div class="section-header">
            <i class="fas fa-users"></i> DATA PASIEN
        </div>
    </div>
    
    <div class="row g-3">
        <div class="col-6 col-md-4 col-lg-3">
            <div class="card-dashboard">
                <a href="https://www.drrocky.skin" class="btn-custom btn-brown-4" target="_blank">
                    <i class="fas fa-globe"></i> WEBSITE
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4 col-lg-3">
            <div class="card-dashboard">
                <a href="index.php" class="btn-custom btn-brown-5">
                    <i class="fas fa-home"></i> HOME
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4 col-lg-3">
            <div class="card-dashboard">
                <a href="visit-stat.php" class="btn-custom btn-brown-6">
                    <i class="fas fa-chart-line"></i> Statistik Pasien
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4 col-lg-3">
            <div class="card-dashboard">
                <a href="cash/cash-stat.php?tanggal=<?php echo $today; ?>" class="btn-custom btn-brown-7">
                    <i class="fas fa-chart-pie"></i> Statistik Keuangan
                </a>
            </div>
        </div>
    </div>
    
    <div class="row g-3 mt-1">
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="visit-yearly.php?tanggal=<?php echo date("Y-m-d"); ?>" class="btn-custom btn-brown-3">
                    <i class="fas fa-calendar-alt"></i> PASIEN TAHUNAN
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="visit-monthly.php?tanggal=<?php echo date("Y-m-d"); ?>" class="btn-custom btn-brown-4">
                    <i class="fas fa-calendar-week"></i> PASIEN BULANAN
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="visit-daily.php?tanggal=<?php echo date("Y-m-d"); ?>" class="btn-custom btn-brown-5">
                    <i class="fas fa-calendar-day"></i> PASIEN HARIAN
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="_kelurahan.php" class="btn-custom btn-brown-6">
                    <i class="fas fa-database"></i> Reset Data Kelurahan
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="_index_lengkap.php" class="btn-custom btn-brown-7">
                    <i class="fas fa-table"></i> Data Pasien Lengkap
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="visit-last.php" class="btn-custom btn-brown-8">
                    <i class="fas fa-clock"></i> TERAKHIR DATANG
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="#" class="btn-custom btn-brown-2">
                    <i class="fas fa-ban"></i> Kosong
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="online_view.php" class="btn-custom btn-brown-3">
                    <i class="fas fa-user-plus"></i> Calon pasien online
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="cash/stock.php" class="btn-custom btn-brown-9">
                    <i class="fas fa-boxes"></i> STOCK
                </a>
            </div>
        </div>
        <div class="col-12">
            <div class="card-dashboard">
                <a href="logout.php" class="btn-custom btn-espresso">
                    <i class="fas fa-sign-out-alt"></i> LOGOUT
                </a>
            </div>
        </div>
    </div>
    
    <!-- KEUANGAN Section -->
    <div class="text-center">
        <div class="section-header">
            <i class="fas fa-coins"></i> KEUANGAN
        </div>
    </div>
    
    <div class="row g-3">
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="cash/cash-stat.php?tanggal=<?php echo $today; ?>" class="btn-custom btn-brown-4">
                    <i class="fas fa-chart-simple"></i> STATISTIK
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="cash/cash-piutang.php?userid=1" class="btn-custom btn-brown-5">
                    <i class="fas fa-hand-holding-usd"></i> PIUTANG
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="cash/cash-main.php" class="btn-custom btn-brown-6">
                    <i class="fas fa-plus-circle"></i> TAMBAH BELANJA
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="cash/cash-view-monthly.php?tanggal=<?php echo date("Y-m-d"); ?>" class="btn-custom btn-brown-7">
                    <i class="fas fa-chart-column"></i> KEUANGAN BULANAN
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="cash/cash-view-daily.php?tanggal=<?php echo date("Y-m-d"); ?>" class="btn-custom btn-brown-8">
                    <i class="fas fa-chart-line"></i> KEUANGAN HARIAN
                </a>
            </div>
        </div>
    </div>
    
    <!-- PENGEMBANGAN DIRI Section -->
    <div class="text-center">
        <div class="section-header">
            <i class="fas fa-brain"></i> PENGEMBANGAN DIRI
        </div>
    </div>
    
    <div class="row g-3">
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="aero/meditation.php" class="btn-custom btn-brown-3">
                    <i class="fas fa-spa"></i> MEDITASI
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="aero/aero_main.php" class="btn-custom btn-brown-4">
                    <i class="fas fa-heartbeat"></i> AEROBIK
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <?php if($userini_id == "3"): ?>
                    <a href="diary/index.php?check=1" class="btn-custom btn-brown-5">
                        <i class="fas fa-book-open"></i> CATATAN HARIAN
                    </a>
                <?php else: ?>
                    <a href="diary/index.php?check=0" class="btn-custom btn-brown-5">
                        <i class="fas fa-book"></i> CATATAN HARIAN
                    </a>
                <?php endif; ?>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="todo/routine.php" class="btn-custom btn-brown-6">
                    <i class="fas fa-check-circle"></i> RUTINITAS HARIAN
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="todo/todo.php" class="btn-custom btn-brown-7">
                    <i class="fas fa-list-check"></i> RENCANA
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="counter/counter.php?item=1" class="btn-custom btn-taupe">
                    <i class="fas fa-smoking-ban"></i> SMOKING
                </a>
            </div>
        </div>
    </div>
    
    <!-- ADMIN AREA Section (only for user_id = 3) -->
    <?php if($userini_id == 3): ?>
    <div class="text-center">
        <div class="section-header">
            <i class="fas fa-user-shield"></i> ADMIN AREA
        </div>
    </div>
    
    <div class="row g-3">
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="todo/routine_edit.php" class="btn-custom btn-brown-2">
                    <i class="fas fa-edit"></i> PDA EDIT
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="coding/coding_main.php" class="btn-custom btn-brown-3">
                    <i class="fas fa-code"></i> CODING
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="userlog.php" class="btn-custom btn-brown-4">
                    <i class="fas fa-history"></i> ACTIVITY
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="coding/page.php" class="btn-custom btn-brown-5">
                    <i class="fas fa-file"></i> Page
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="coding/page-01.php" class="btn-custom btn-brown-6">
                    <i class="fas fa-file-alt"></i> Page-01
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="https://scr.drrocky.skin" class="btn-custom btn-brown-7" target="_blank">
                    <i class="fas fa-terminal"></i> MY SCRIPT
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="https://form.drrocky.skin" class="btn-custom btn-brown-8" target="_blank">
                    <i class="fas fa-wpforms"></i> Online Form
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="player/index.php" class="btn-custom btn-brown-9">
                    <i class="fas fa-play-circle"></i> Player Utama
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="#" class="btn-custom btn-brown-1">
                    <i class="fas fa-times-circle"></i> KOSONG
                </a>
            </div>
        </div>
        <div class="col-6 col-md-4">
            <div class="card-dashboard">
                <a href="player/player_01/index3.html" class="btn-custom btn-brown-10">
                    <i class="fas fa-gamepad"></i> PLAYER 01
                </a>
            </div>
        </div>
    </div>
    <?php endif; ?>
    
</div>

<!-- Footer -->
<div class="footer mt-5">
    <i class="fas fa-heart" style="color: var(--brown-300);"></i> Sistem Administrasi Klinik 
    <i class="fas fa-calendar-alt ms-2 me-1"></i> <?php echo date('d/m/Y'); ?>
</div>

<!-- Bootstrap JS Bundle -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
```