body {
            background-color: #f8fafc;
            color: #475569;
        }
        /* Card Styles */
        .card-base {
            background: white;
            border-radius: 0.75rem; /* rounded-xl */
            border: 1px solid #e2e8f0;
            transition: all 0.3s ease;
            box-shadow: var(--tw-shadow-soft);
            height: 100%;
        }
        .card-base:hover {
            transform: translateY(-5px);
            box-shadow: var(--tw-shadow-hover);
            border-color: #0056b3;
        }
        /* Button Styles */
        .btn-base {
            padding: 0.75rem 1.5rem;
            font-weight: 700;
            border-radius: 0.375rem; /* rounded-md */
            transition: all 0.2s ease-in-out;
            display: inline-block;
            text-align: center;
            font-size: 0.9rem;
        }
        /* Chart Wrapper */
        .chart-wrapper {
            position: relative;
            height: 400px;
            width: 100%;
        }
        .icon-box {
            width: 48px;
            height: 48px;
            border-radius: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            color: white;
            margin-bottom: 1rem;
        }