.dot {
        height: 10px;
        width: 10px;
        border-radius: 50%;
        display: inline-block;
    }
    
    .card {
        border-radius: 10px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }
    
    .btn {
        border-radius: 8px;
        padding: 10px 16px;
        transition: all 0.3s;
    }
    
    .btn:hover {
        color: #000;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
    
    .btn-primary {
        background-color: #0d6efd;
        border-color: #0d6efd;
    }
    
    .btn-warning {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #000;
    }